<template>
  <div class="lin-container">
    <div class="lin-title">合同签署</div>
    <div
      style="
        width: 120px;
        display: flex;
        position: fixed;
        flex-wrap: wrap;
        right: 20px;
        bottom: 150px;
        justify-content: space-between;
      "
    >
      <a v-for="item of 31" :key="item" :href="'#' + 'page' + item">
        <el-button
          :style="page == item ? 'color:#fff' : 'color:#000'"
          style="margin: 0 auto; width: 50px"
          size="mini"
          type="success"
          @click="page = item"
        >
          {{ item }}
        </el-button>
      </a>
    </div>

    <!-- <div style="padding: 20px">
      <el-button @click="exprotExcel">保存合同</el-button>
    </div> -->
    <!-- <el-input v-model="input" placeholder="请输入内容"></el-input> -->
    <!-- <div v-html="data">{{ data2 }}</div> -->
    <div style="padding: 10px">
      <div class="1page" id="page1"></div>
      <p align="right">
        <font size="4">合同编号: <u>V1.0</u></font>
      </p>
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <center><font size="6">房屋买卖业务</font></center>
      <center><font size="6">签订文件合订本</font></center>
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <center><font size="6">北京中宇华城房地产经纪中心广阳城分部</font></center>
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />

      <div style="page-break-after: always"></div>
      <div class="2page" id="page2"></div>

      <br />
      <br />
      <center><font size="5">中宇地产签约提示</font></center>
      <br />

      <ul>
        <li>
          <strong>第一条</strong
          >本合订本包括《北京市存量房屋买卖合同》及《居间服务合同》，每个文件您均需要签署一式三份，交易双方及中宇地产各执一份；各方所执合同的内容（包括手工填写的部分）应完全一致。
        </li>
        <li>
          <strong>第二条</strong> 请您确认，在签署合同前，<u
            ><strong>您已仔细阅读过合同条款并予以理解和接受，</strong></u
          >同时我公司经办人员已向您告知与交易房屋及合同签署有关的信息。。
        </li>
        <li>
          <strong>第三条</strong>
          双方当事人应当按照自愿、公平及诚实信用的原则订立合同，任何一方不得将自己的意志强加给另一方。为体现双方自愿的原则，交易双方可在补充协议中自行约定或补充约定。另外，在您签署的合同中，除需手工填写的地方以外，其他部分均<u
            ><strong>不得随意进行手写补充和修改，</strong></u
          >否则将会影响合同或条款的有效性；如您确实需要对合同中条款进行补充或修改的，请您及其他签署方另行签署相应的书面协议。
        </li>
        <li>
          <strong>第四条</strong> 在您向中宇地产支付居间代理费或服务费后，<u
            ><strong>请向我公司经办人员索取由中宇公司加盖印章的专用收据；</strong></u
          >如该经办人员不能提供上述专用收据的，<u><strong>请您务必谨慎付款，</strong></u
          >必要时，请与您签约的商圈经理进行确认。
        </li>
        <li>
          <strong>第五条</strong>交易中应缴纳的各项税款，<u><strong>请您务必直接向主管机关缴纳，</strong></u
          >中宇地产禁止经纪人代缴代付税款。缴纳税费后，<u><strong>请您务必核验税票的真伪，</strong></u
          >防范偷、漏税行为的发生。
        </li>
        <li>
          <strong>第六条</strong>
          在填写相关合同文本时，应当仔细阅读合同条款，特别是其中具有选择性、补充性、填充性、修改性的内容。如遇“【
          】”或“□”等需要选择的内容，<u><strong>请务必做出明确的勾选，</strong></u
          >以划“√”方式选定您选择的事项；对于实际情况未发生、或双方当事人不作约定、或该条不适用时，应当划“×”，以示删除。
        </li>
        <li>
          <strong>第七条</strong>
          为了保障您的资金安全，请您在向我公司支付居间代理费及服务费时，优先选择如下方式：
          <ul>
            <li>
              <strong>POS机刷卡</strong>
              ——建议您使用本人的银行储蓄卡或信用卡刷卡（本地卡、异地卡均可)，刷卡后请持卡人在POS小票上亲笔签字
            </li>
            <li>
              <strong>银行转账</strong>
              ——通过银行柜台以现金（或转账）的形式将代理费直接汇入我公司如下对公账户内
            </li>
            <li>
              <strong>网银汇款</strong>
              ——通过网上银行汇款的方式将代理费直接汇入公司的如下<strong>对公账户</strong>:
            </li>
          </ul>
        </li>
        <li><strong>第八条</strong> <strong>中宇地产授权代表账户</strong>为:</li>
      </ul>
      <div class="tableStyle">
        <table>
          <thead>
            <tr>
              <th align="center">收款方名称</th>
              <th align="center">收款方开户行</th>
              <th align="center">中国工商银行良乡分理处</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td align="center">田冰洋</td>
              <td align="center">中国工商银行良乡分理处</td>
              <td align="center">6222080200029476747</td>
            </tr>
          </tbody>
        </table>
      </div>
      <br />
      <br />

      <div class="serverPhone">
        <center>
          <font size="4">如您对我们的服务有任何问题、意见或建议，请您拨打我们的服务热线:</font>
        </center>
        <br />
        <center><font size="4">010-53313253</font></center>
      </div>

      <div style="page-break-after: always"></div>

      <div class="3page" id="page3"></div>
      <br />
      <br />
      <center><font size="5">交易资金支付方式及风险提示函</font></center>
      <br />
      &nbsp;&nbsp;为了保障交易资金安全，北京中宇华城房地产经纪中心广阳城分部（以下简称“中宇地产”）提示买卖双方合理选择交易资金支付方式，并另行签署相关协议，办理相关手续。
      <br />

      <p>
        <font size="3"><strong>交易中可以选择的资金支付方式包括以下几种：</strong></font>
      </p>
      <ul>
        <li>
          <strong>第一条</strong>
          建委监管支付。即根据北京市各区县建委的要求，过户前买卖双方到建委认可的机构签署《存量房自有交易资金划转协议》办理资金监管，过户后资金解冻至出卖人。
        </li>
        <li>
          <strong>第二条</strong>
          自行划转。由买受人将全部房款或首付款在过户当日且过户完成前自行划转至出卖人个人账户。
        </li>
        <li>
          <strong>第三条</strong>
          四方银行监管支付。即过户前买卖双方与银行另行签署《存量房屋交易资金监管协议》等相关协议办理资金监管，在买卖双方约定的条件成就时，银行按照协议约定协助买卖双方完成交易资金的划转。买卖双方共同确认，选择上述支付方式的，买受人将交易资金存入资金存管专用账户（或监管账户）时，
          即视为买受人已经实际完成资金支付义务。根据中国银保监会、住房和城乡建设部、中国人民银行《关于防止经营用途贷款违规流入房地产领域的通
          知》有关要求，中宇地产特别提示：任何企业或个人不得违规将经营用途贷款投向房地产领域。买受人承诺，其购房资金不存在挪用银行信贷资金等问题。
        </li>
      </ul>
      <p>
        <font size="3"
          ><strong
            >就上述交易资金的支付方式及其流程、手续，中宇地产已清晰地告知买卖双方，买卖双方已明确知晓对应的交易资金支付方式的具体流程和手续，并在交易过程中配合办理。</strong
          ></font
        >
        <br />
        <br />
        <br />
        <br />
      </p>
      <div class="fist-party">
        <div class="signature">
          <p><strong>出卖人（签章）： </strong></p>
        </div>

        <div class="line-block">
          <p><strong>出卖人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>

      <div class="second-party">
        <div class="signature">
          <p><strong>买受人（签章）：</strong></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>买受人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="4page" id="page4"></div>

      <center><font size="5">交易方留存信息表</font></center>
      <br />
      <br />

      <p>
        <font size="5"><strong>房屋出卖人：</strong></font>
      </p>
      <div class="tableStyle">
        <table>
          <tbody>
            <tr>
              <td>姓名</td>
              <td colspan="7"><input v-model="form.sell_name" /></td>
            </tr>
            <tr>
              <td>英文名</td>
              <td colspan="7"><input v-model="form.sell_english_name" /></td>
            </tr>
            <tr>
              <td>性别</td>
              <td colspan="2"><input v-model="form.sell_sex" /></td>
              <td>国籍</td>
              <td colspan="2"><input v-model="form.sell_nation" /></td>
              <td>出生日期</td>
              <td colspan="2"><input type="date" v-model="form.sell_birth" /></td>
            </tr>
            <tr>
              <td>证件名称</td>
              <td colspan="4"><input v-model="form.sell_card_name" /></td>
              <td>证件号码</td>
              <td colspan="4"><input v-model="form.sell_card_number" /></td>
            </tr>
            <tr>
              <td>电子邮件</td>
              <td colspan="7"><input v-model="form.sell_email" /></td>
            </tr>
            <tr>
              <td>通讯地址</td>
              <td colspan="7"><input v-model="form.sell_address" /></td>
            </tr>
          </tbody>
        </table>
      </div>

      <br />

      <div class="fist-party">
        <div class="signature">
          <p><strong>出卖人（签章）：</strong></p>
        </div>

        <div class="line-block">
          <p><strong>出卖人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>
      <br />
      <br />
      <br />

      <p>
        <font size="5"> <strong>房屋买受人：</strong></font>
      </p>
      <div class="tableStyle">
        <table>
          <tbody>
            <tr>
              <td>姓名</td>
              <td colspan="7"><input v-model="form.buy_name" /></td>
            </tr>
            <tr>
              <td>英文名</td>
              <td colspan="7"><input v-model="form.buy_english_name" /></td>
            </tr>
            <tr>
              <td>性别</td>
              <td colspan="2"><input v-model="form.buy_sex" /></td>
              <td>国籍</td>
              <td colspan="2"><input v-model="form.buy_nation" /></td>
              <td>出生日期</td>
              <td colspan="2"><input type="date" v-model="form.buy_birth" /></td>
            </tr>
            <tr>
              <td>证件名称</td>
              <td colspan="4"><input v-model="form.buy_card_name" /></td>
              <td>证件号码</td>
              <td colspan="4"><input v-model="form.buy_card_number" /></td>
            </tr>
            <tr>
              <td>电子邮件</td>
              <td colspan="7"><input v-model="form.buy_email" /></td>
            </tr>
            <tr>
              <td>通讯地址</td>
              <td colspan="7"><input v-model="form.buy_address" /></td>
            </tr>
          </tbody>
        </table>
      </div>
      <br />
      <br />

      <div class="second-party">
        <div class="signature">
          <p><strong>买受人（签章）：</strong></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>买受人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="5page" id="page5"></div>

      <center><font size="5">中宇地产签约提示</font></center>
      <br />
      <br />
      <center><font size="4">说明</font></center>

      <ul>
        <li>
          <strong>第一条</strong>
          本合同文本适用于本市行政区域内国有土地上的存量房买卖。存量房，即二手房，是指通过办理转移登记取得房屋所有权证的房屋。
        </li>
        <li>
          <strong>第二条</strong>
          签订本合同前，出卖人应当向买受人出示房屋所有权证或不动产权证书及其他有关证书和证明文件。买卖双方应当清楚知晓本市存量房房源核验、限购等政策法规要求。
        </li>
        <li>
          <strong>第三条</strong>
          通过房地产经纪机构提供居间或代理服务达成交易的，如曾签订委托出售、购买房屋的相关文件，应当作为本合同的附件；通过设立”专用账户”的房地产经纪机构或交易保证机构划转交易结算资金的，所签订的存量房交易结算资金划转协议也应当作为本合同的附件。
          第四条 存量房屋所有权转移登记时所涉及的主要税费包括但不限于：<u
            >契税、印花税、土地出让金（已购公房有此项）、综合地价款（经济适用房有此项）、增值税及附加、所得税、土地增值税等。</u
          >
          第五条
          中央在京单位已购公有住房上市出售，应当遵守《中央在京单位已购公有住房上市出售管理办法》，符合央产房上市交易条件，并需要提供《在京中央单位已购住房产权变更登记通知单》。
          第六条 链家地产特别提醒，根据《北京市人民政府关于印发北京市已购公有住房上市出售实施办法的通知》（京政发
          〔2003〕3号）规定，居民上市出售已购公有住房一年内新购商品房的，按新购商品房与出售已购公有住房成交价的差额计征契税。
        </li>
      </ul>
      <br />
      <br />
      <br />

      <div class="fist-party">
        <div class="line-block">
          <p><strong>出卖人：</strong></p>
          <input v-model="form.sell_name" />
          <strong>出生日期:</strong>
          <input type="date" v-model="form.sell_birth" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>【法定代表人】【负责人】（如出卖人为公司的）：</strong></p>
          <input v-model="form.sell_company" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>共有人：</strong></p>
          <input v-model="form.sell_toghter_name" />
          <strong>出生日期:</strong>
          <input type="date" v-model="form.sell_toghter_birth" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>【法定代表人】【负责人】（如共有人为公司的）：</strong></p>
          <input v-model="form.sell_togther_company" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>【代理人】：</strong></p>
          <input v-model="form.sell_agent_name" />
          <strong>出生日期:</strong>
          <input type="date" v-model="form.sell_agent_birth" />
          <p></p>
        </div>

        <br />
        <br />
        <br />
      </div>

      <div class="second-party">
        <div class="line-block">
          <p><strong>买受人：</strong></p>
          <input v-model="form.buy_name" />
          <strong>出生日期:</strong>
          <input type="date" v-model="form.buy_birth" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>【法定代表人】【负责人】（如买受人为公司的）：</strong></p>
          <input v-model="form.buy_company" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>共有人：</strong></p>
          <input v-model="form.buy_toghter_name" />
          <strong>出生日期:</strong>
          <input type="date" v-model="form.buy_toghter_birth" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>【法定代表人】【负责人】（如买受人为公司的）：</strong></p>
          <input v-model="form.buy_togther_company" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>【代理人】：</strong></p>
          <input v-model="form.buy_agent_name" />
          <strong>出生日期:</strong>
          <input v-model="form.buy_agent_birth" />
          <p></p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="6page" id="page6"></div>

      <br />
      <br />

      <p>
        根据《中华人民共和国民法典》《中华人民共和国城市房地产管理法》《北京市城市房地产转让管理办法》及其他有关法律、法规的规定，出卖人和买受人在平等、自愿、公平、协商一致的基础上就存量房屋买卖事宜达成如下协议：
      </p>
      <h4>第一条 房屋基本情况</h4>
      <div class="line-block">
        <p>
          <strong>（一）</strong> 出卖人所售房屋（以下简称该房屋）为
          <input type="checkbox" v-model="form.building" />楼房 <input type="checkbox" v-model="form.bungalow" /> 平房,
          坐落为:
        </p>
        <input v-model="form.location" />
        。该房屋所在楼栋建筑总层数为：
        <input v-model="form.building_total_level" />
        层，其中地上
        <input v-model="form.building_above_ground_level" />
        层，地下
        <input v-model="form.building_under_ground_level" />
        层。该房屋所在楼层为
        <input v-model="form.building_level" />
        层，产权证明所载建筑面积共
        <input v-model="form.building_area" />
        平方米。
        <p></p>
      </div>

      <br />
      <br />

      <div class="line-block">
        <p>
          <strong>（二）</strong> 该房屋规划设计用途为：<input type="checkbox" v-model="form.residence" /> 住宅
          <input type="checkbox" v-model="form.apartment" />公寓 <input type="checkbox" v-model="form.villa" />别墅
          <input type="checkbox" v-model="form.office" />办公 <input type="checkbox" v-model="form.business" />商业
          <input type="checkbox" v-model="form.Industry" />工业
          <input type="checkbox" v-model="form.building_prupose" />其他
        </p>
        <input v-model="form.building_prupose_content" />
        。该房屋附属设施设备、装饰装修、相关物品清单等具体情况见附件一。
        <p></p>
      </div>

      <br />

      <p>
        <strong>（三）</strong>
        买卖双方共同确认，如该房屋在第三方平台所展示的面积等相关信息与产权证明所载的信息不一致的，均以产权证明所载的信息为准。
      </p>
      <br />

      <h4>第二条 房屋权属情况及使用情况</h4>
      <div class="line-block">
        <p><strong>（一）</strong> 该房屋不动产权证/所有权证号为：</p>
        <input v-model="form.building_property_number" />
        ，共有权证证号为：
        <input v-model="form.togther_number" />
        ，填发单位为：
        <input v-model="form.building_property_present_company" />
        。
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（二）</strong> 该房屋占用的土地使用状况：该房屋占用的国有土地使用权以 出让
          划拨方式获得。土地使用权证号为：
        </p>
        <input v-model="form.land_property_number" />
        ，填发单位为：
        <input v-model="form.land_property_present_company" />
        。
        <p></p>
      </div>

      <br />

      <p><strong>（三）</strong> 单选 该房屋性质为下列选项中情形</p>
      <ul>
        <li><input type="checkbox" v-model="form.business_building" /> 商品房</li>
        <li>
          <input
            type="checkbox"
            v-model="form.public_building"
          />已购公有住房（若为中央在京单位已购公有住房，需取得《在京中央单位已购住房产权变更登记通知单》)
        </li>
        <li><input type="checkbox" v-model="form.economy_building" />向社会公开销售的经济适用住房</li>
        <li>
          <input
            type="checkbox"
            v-model="form.relocation_building"
          />按经济适用住房管理的房屋（包括危改回迁房、安居房、康居房、绿化隔离地区农民回迁房等房屋）
        </li>
        <li><input type="checkbox" v-model="form.limit_price_building" />限价商品房</li>
        <li>
          <div class="line-block">
            <input type="checkbox" v-model="form.building_property_other" />其他：
            <input v-model="form.building_property_other_content" />
            。
          </div>
        </li>
      </ul>
      <div style="page-break-after: always"></div>
      <div class="7page" id="page7"></div>

      <p><strong>(四)</strong> 单选该房屋的抵押情况为下列选项中<strong>哪种</strong>情形:</p>
      <ul>
        <li><input type="checkbox" v-model="form.building_not_mortgage" />该房屋未设定抵押</li>
        <li><input type="checkbox" v-model="form.building_mortgage" />该房屋已经设定抵押:</li>
      </ul>
      <div class="select-check-box">
        <div class="line-block">
          抵押权人为：
          <input v-model="form.mortgagee_1" />
          抵押登记日期为：
          <input type="date" v-model="form.mortgage_1_date" />
        </div>
        <br />

        <div class="line-block">
          抵押权人为：
          <input v-model="form.mortgagee_2" />
          抵押登记日期为：
          <input type="date" v-model="form.mortgagee_2_date" />
        </div>
        <br />

        <div class="line-block">
          抵押权人为：
          <input v-model="form.mortgagee_3" />
          抵押登记日期为：
          <input type="date" v-model="form.mortgage_3_date" />
        </div>
        <br />
      </div>

      <div class="select-check-box">
        <p>房屋已经设定抵押的，双方当事人同意按照下列<strong>哪种</strong>方式处理：</p>
        <ul>
          <li><input type="checkbox" v-model="form.mortgage_logout" />出卖人应当办理抵押权注销登记</li>
          <li>
            <input
              type="checkbox"
              v-model="form.mortgage_not_logout"
            />出卖人无需办理抵押权注销登记，抵押权人同意买卖双方办理转移登记
          </li>
        </ul>
      </div>

      <p><strong>（五）</strong> 该房屋的租赁情况为下列选项中<strong>哪种</strong>情形：</p>
      <ul>
        <li><input type="checkbox" v-model="form.sell_lease" />出卖人未将该房屋出租</li>
        <li>
          <input type="checkbox" v-model="form.sell_no_lease" />出卖人已将该房屋出租，且承租人已放弃优先购买权<br />
          <br />
        </li>
      </ul>
      <ol>
        <li>
          <div class="line-block">
            租赁期限：自
            <input type="date" v-model="form.lease_start_date" />
            至
            <input type="date" v-model="form.lease_end_date" />
            。出卖人与买受人经协商一致，就该房屋的租金/押金按照下列哪种方式处理：
          </div>
        </li>
      </ol>
      <div class="select-check-box">
        <p>房屋已经设定抵押的，双方当事人同意按照下列<strong>哪种</strong>方式处理：</p>
        <div class="line-block" style="margin-left: 20px">
          <p>租金为：</p>
          <input v-model="form.rent_mouth" />
          元/月，押金为：
          <input v-model="form.deposit" />
          元；双方约定：自本合同签订之日起至
          <input type="date" v-model="form.sell_lease_end_date" />
          的房屋收益归出卖人所有；自
          <input type="date" v-model="form.buy_lease_end_date" />
          至租赁期间届满的房屋收益归买受人所有，且押金一并转交买受人，由买受人在租期届满后退还租户
          <p></p>
        </div>
      </div>

      <br />
      <br />

      <ol start="2">
        <li>
          除买卖双方另有约定外，出卖人自本合同签订之日起至不动产转移登记办理完毕之日止，不得就该房屋设立新的房屋租赁关系。若出卖人违反上述约定，双方同意按照下列<strong>哪种</strong>方式处理：
        </li>
      </ol>
      <div class="select-check-box">
        <div class="line-block" style="margin-left: 20px">
          <p>
            <input type="checkbox" v-model="form.break_contract_handle1" />自租赁合同签订之日起至<u>交房当日</u>
            ，出卖人应当按日计算向买受人支付成交总价款<u><strong>万分之五</strong></u
            >的违约金
          </p>
        </div>
        <br />

        <div class="line-block" style="margin-left: 20px">
          <p>
            <input
              type="checkbox"
              v-model="form.break_contract_handle2"
            />买受人解除合同的，应当书面通知出卖人。出卖人应当自解除合同通知送达之日起<u>15日内退还买受人全部已付款（含已付贷款部分）</u>，并按照成交总价款的<u
              ><strong>20％</strong></u
            >向买受人支付违约金
          </p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="8page" id="page8"></div>
      <br />

      <p>
        <strong>（六）</strong>
        该房屋不存在结构改造情况。如上述情况不属实，该房屋事实上存在结构改造情况导致无法完成不动产转移登记的，双方同意按照下列哪种方式处理：
      </p>
      <ul>
        <li>
          <input
            type="checkbox"
            v-model="form.break_contract_handle3"
          />出卖人将该房屋恢复原状，合同继续履行，恢复原状的费用由出卖人承担，买受人承诺不因此要求减少房价款或追究违约责任
        </li>
        <li>
          <input
            type="checkbox"
            v-model="form.break_contract_handle4"
          />合同解除，双方当事人互不承担违约责任，出卖人应当自合同解除之日起15 日内退还买受人全部已付款
        </li>
      </ul>
      <br />

      <h4>第三条 成交方式</h4>
      <div class="line-block" style="margin-left: 20px">
        <p>
          双方当事人委托房地产经纪机构成交，出卖人签署北京市存量房屋出售经纪服务合同，机构名称：
        </p>
        <input v-model="form.sell_economy_contract_company_name" />
        ，机构备案号：
        <input v-model="form.sell_economy_contract_company_number" />
        ；买受人签署北京市存量房屋购买经纪服务合同，机构名称：
        <input v-model="form.buy_economy_contract_company_name" />
        ，机构备案号：
        <input v-model="form.buy_economy_contract_company_number" />
        。
        <p></p>
      </div>

      <br />

      <h4>第四条成交价格、付款方式及资金划转方式</h4>
      <div class="line-block">
        <p>
          <strong>（一）</strong>
          经出卖人和买受人协商一致，该房屋成交价格为：人民币（小写）
        </p>
        <input v-model="form.building_end_price_small" />
        元（大写）
        <input v-model="form.building_end_price_big" />
        。
        <p></p>
      </div>

      <div class="line-block">
        <p>
          <strong>（二）</strong>
          经出卖人和买受人协商一致，该房屋家具、家电、装饰装修及配套设施设备等作价为：人民币（小写）
        </p>
        <input v-model="form.building_device_price_small" />
        元（大写）
        <input v-model="form.building_device_price_big" />
        ，上述价款买受人一并另行支付给出卖人。
        <p></p>
      </div>

      <p>
        <strong>（三）</strong>
        买受人采取下列方式付款，具体付款方式及期限的约定见补充协议：
      </p>
      <ol>
        <li>
          <div class="line-block">
            买受人向出卖人支付定金人民币（小写）
            <input v-model="form.buy_deposit_small" />
            元（大写）
            <input v-model="form.buy_deposit_big" />
            （不高于成交总价款的20％）
          </div>
        </li>
        <li>剩余房款如全部或部分通过自行划转或四方银行监管划转</li>
      </ol>
      <p><strong>（四）</strong> 买受人的付款方式为：</p>
      <ul>
        <li><input type="checkbox" v-model="form.full_pay" /> 全款</li>
        <li>
          <input type="checkbox" v-model="form.loan_pay" /> 贷款:
          <input type="checkbox" v-model="form.business_loan_pay" />商业
          <input type="checkbox" v-model="form.provident_fund_loan_pay" />公积金贷款
          <input type="checkbox" v-model="form.business_and_provident_fund_loan" />商业、公积金组合贷款
        </li>
      </ul>
      <div style="page-break-after: always"></div>
      <div class="9page" id="page9"></div>

      <p><strong>（五）</strong> 关于贷款的约定：</p>
      <div class="line-block">
        买受人申办的抵押贷款，由贷款机构按其规定将该部分房款直接支付给出卖人；买受人拟贷款金额为人民币（小写）
        <input v-model="form.loan_price_small" />
        元（大写）
        <input v-model="form.loan_price_big" />
        。
      </div>

      <ol>
        <li>
          如贷款机构不批准买受人的贷款申请，双方当事人同意按照下列<strong>哪种</strong>方式处理：
        </li>
      </ol>
      <div class="select-check-box">
        <div class="line-block" style="margin-left: 20px">
          <p><input type="checkbox" v-model="form.no_loan_handle1" />买受人应当于</p>
          <input v-model="form.no_loan_handle1_content" />
          通过自行划转或四方银行监管划转向出卖人支付剩余房款
          <p></p>
        </div>

        <div class="line-block" style="margin-left: 20px">
          <p>
            <input
              type="checkbox"
              v-model="form.no_loan_handle2"
            />合同解除，双方当事人互不承担违约责任，出卖人应当自合同解除之日起15 日内退还买受人全部已付款
          </p>
        </div>

        <div class="line-block" style="margin-left: 20px">
          <p>
            <input type="checkbox" v-model="form.no_loan_handle3" />买受人可向其他贷款机构申请贷款，买受人至迟于<u
              >再次申请贷款之日起 15个工作日内</u
            >获得贷款批复；不能在约定期限内获得贷款批复的，按照下列哪种方式处理：
          </p>
        </div>

        <div class="line-block" style="margin-left: 40px">
          <p>
            <input
              type="checkbox"
              v-model="form.no_loan_handle4"
            />买受人应当于办理不动产转移登记完成前当日向出卖人支付剩余房款
          </p>
        </div>

        <div class="line-block" style="margin-left: 40px">
          <p>
            <input
              type="checkbox"
              v-model="form.no_loan_handle5"
            />合同解除，双方当事人互不承担违约责任，出卖人应当自合同解除之日起15日内退还买受人全部已付款
          </p>
        </div>

        <div class="line-block" style="margin-left: 40px">
          <p><input type="checkbox" v-model="form.no_loan_handle6" />合同解除，出卖人收取买受人的定金不予退还</p>
        </div>
      </div>

      <ol start="2">
        <li>
          如贷款机构批准的贷款金额少于买受人申请的贷款金额，二者相差金额，双方当事人同意按照下列<strong>哪种</strong>方式处理：
        </li>
      </ol>
      <div class="line-block" style="margin-left: 20px">
        <p>
          <input type="checkbox" v-model="form.no_loan_handle7" />买受人应当于<u
            >办理不动产转移登记完成前当日向出卖人补足差额</u
          >
        </p>
      </div>

      <div class="line-block" style="margin-left: 20px">
        <p>
          <input
            type="checkbox"
            v-model="form.no_loan_handle8"
          />合同解除，双方当事人互不承担违约责任，出卖人应当自合同解除之日起15 日内退还买受人全部已付款
        </p>
      </div>

      <ol start="3">
        <li>
          如出现贷款机构批准贷款后，由于买受人原因导致无法及时取得贷款的，买卖双方同意按照下列方式处理：买受人应当于90日内向出卖人支付剩余房款，并赔偿出卖人因此所受之损失
        </li>
      </ol>
      <h4>第五条 房屋权属及具体状况的承诺</h4>
      <p><strong>（一）</strong> 就该房屋权属及具体状况，双方当事人分别承诺如下事项：</p>
      <ol>
        <li>出卖人对该房屋享有合法权利</li>
        <li>该房屋未出售并保证不出售给除本合同买受人以外的其他人</li>
        <li>该房屋无司法查封或其他限制转让的情形</li>
        <li>出卖人承诺该房屋已符合出售条件</li>
        <li>
          出卖人承诺其配偶和该房屋的共有人均知晓并同意本次房屋交易，认可本合同及其他相关文件的约定，且无他人对该房屋享有优先购买权；买受人承诺其配偶和该房屋的共同买受人均知晓并同意本次房屋交易，且认可本合同及其他相关文件的约定
        </li>
      </ol>
      <div style="page-break-after: always"></div>
      <div class="10page" id="page10"></div>
      <br />
      如因一方违反前述承诺，导致该房屋不能办理产权登记或发生债权债务纠纷的，守约方有权解除合同。守约方解除合同
      的，应当书面通知另一方，并由违反承诺方按照成交总价款的20%赔偿守约方的损失。<u
        ><strong
          >本条款为独立条款，即使本合同及其他文件因一方违反前述承诺，依法被变更、撤销、解除、终止或认定无效的，本条约定依然有效，守约方仍可依据本条款追究违反承诺方的法律责任。</strong
        ></u
      >

      <p>
        <strong>（二）</strong>
        出卖人确认，该房屋在其本人或其近亲属持有期间，在房屋本体结构内
        <input type="checkbox" />是
        <input
          type="checkbox"
        />否发生过非正常死亡事件（包括但不限于自杀、他杀、从该房屋内坠出死亡、意外死亡等）。如果出卖人在签署本合同前就前述事项隐瞒真实情况的，三方确认：因出卖人之欺诈行为，使得买受人和居间方在违背真实意思的基础上订立本合同，买受人有权依法要求撤销房屋买卖合同及相关协议。出卖人另应承担如下责任：
      </p>
      <ol>
        <li>
          出卖人应当在买受人提出请求后十个工作日内返还买受人全部已付款；未如期返还的，出卖人应当按日计算向买受人支付成交总价款万分之五的滞纳金
        </li>
        <li>
          出卖人应当赔偿买受人及居间方因此所受的损失，包括但不限于：就已收取的房款按照银行同期贷款利率赔偿买受人利息损失、赔偿买受人为购房支出的居间服务费、税费、贷款费用等实际支出、买受人已交纳的全部费用、房屋价格上涨的差价损失、买受人实际支出的装修、物业、使用费用等
        </li>
      </ol>
      <p>
        <strong>（三）</strong>
        出卖人确认该房屋主体结构内（不含公共区域：如公共管道、外墙、屋顶等） 是
        否存在漏水（“漏水”指房屋顶部、墙面、室内管道或地面发生的渗水或漏水现象）的情况。若该房屋主体结构内存在漏水情况，出卖人应当在交付房屋之前完成修复。如出卖人未予修复，买受人在房屋交付后自行维修的，出卖人应当承担全部维修费用；因维修房屋影响买受人使用的，出卖人另应当赔付买受人因此所受的实际损失。但买受人使用不当，导致该房屋主体结构内发生漏水的不在本条款所约定之范围内
      </p>
      <p>
        <strong>（四）</strong>
        出卖人应当保证已如实陈述该房屋附属设施设备、装饰装修情况和相关关系，附件一及物业交割单所列的该房屋附属设施设备及其装饰装修随同该房屋一并转让给买受人，买受人对出卖人出售的该房屋具体状况充分了解，自愿买受该房屋。出卖人应当保证自本合同签订之日起至该房屋验收交接完成，对各项房屋附属设施设备及其装饰装修保持良好的状
        况。出卖人违反上述承诺的，应将该房屋恢复原状。如无法恢复的，则按照实际损失赔偿买受人
      </p>
      <div style="page-break-after: always"></div>
      <div class="11page" id="page11"></div>

      <h4>第六条 房屋的交付</h4>
      <div class="line-block">
        <p>
          <strong>（一）</strong>
          <u>出卖人于出卖人收到全部购房款（不含物业交割保证金和户口迁出保证金）后</u>
        </p>
        <input type="date" v-model="form.deliver_day" />
        日内将该房屋交付给买受人
      </div>
      <p></p>
      <p><strong>（二）</strong> 该房屋交付时，应当履行下列第1.2.3项手续：</p>
      <ol>
        <li>
          出卖人与买受人共同对该房屋附属设施设备、装饰装修、相关物品清单等具体情况进行验收，记录水、电、气表的读数，
          并交接附件一及物业交割单中所列物品
        </li>
        <li>买卖双方在房屋附属设施设备、装饰装修、相关物品清单上签字</li>
        <li>移交该房屋房门钥匙</li>
      </ol>
      <p>
        <strong>（三）</strong>
        在房屋交付日以前发生的物业管理费、供暖、水、电、燃气、有线电视、电信、网络及其他费用由出卖人承担，交付日以后（含当日）发生的费用由买受人承担。出卖人同意其缴纳的该房屋专项维修资金（公共维修基金）的账面余额无偿转移至买受人名下
      </p>
      <p><strong>（四）</strong> 上述房屋风险责任自该房屋</p>
      <ul>
        <li><input type="checkbox" v-model="form.deliver_property1" />所有权转移</li>
        <li><input type="checkbox" v-model="form.deliver_property2" />转移占有之日起转移给买受人</li>
      </ul>
      <h4>第七条 违约责任</h4>
      <p>
        <strong>（一）</strong> 逾期交房责任
        除不可抗力外，出卖人未按照第六条约定的期限和条件将该房屋交付买受人的，按照下列方式处理：
        按照逾期时间，分别处理（1和2不作累加）。
      </p>
      <ol>
        <li>
          逾期在<u>15</u>日内，自第六条约定的交付期限届满之次日起至实际交付之日止，出卖人按日计算向买受人支付成交总价款<u>万分之五</u>的违约金，并于该房屋实际交付之日起<u>15</u>日内向买受人支付违约金，合同继续履行
        </li>
        <li>
          逾期超过<u>15</u>日（该日期应当与第1项中的日期相同）后，买受人有权解除合同。买受人解除合同的，出卖人应当自解除合同通知送达之日起<u>15</u>日内退还买受人全部已付款（含已付贷款部分），并按照成交总价款的<u>20％</u>向买受人支付违约金。买受人不解除合同的，出卖人自合同约定的交付期限届满之次日起至实际交付之日止，按日计算向买受人支付成交总价款<u>万分之五</u>的违约金，合同继续履行。
        </li>
      </ol>
      <p>
        <strong>（二）</strong> 逾期付款责任 买受人未按照补充协议约定的时间付款的，按照下列方式处理：
        按照逾期时间，分别处理（1和2不作累加）。
      </p>
      <ol>
        <li>
          逾期在<u>15</u>日内，自约定的应付款期限届满之次日起至实际支付应付款之日止，买受人按日计算向出卖人支付成交总价款<u>万分之五</u>的违约金，并于实际支付应付款之日起<u>15</u>日之内向出卖人支付违约金，合同继续履行
        </li>
        <li>
          逾期超过<u>15</u>日（该日期应当与第1项中的日期相同）后，出卖人有权解除合同。出卖人解除合同的，买受人应当自解除合同通知送达之日起<u>15</u>日内按照成交总价款的<u>20％</u>向出卖人支付违约金，同时，出卖人退还买受人全部已付款（含已付贷款部分）
        </li>
        <li>
          出卖人不解除合同的，买受人自合同约定的应付款期限届满之次日起至实际支付应付款之日止，按日计算向出卖人支付成交总价款<u>万分之五</u>的违约金，合同继续履行。
        </li>
      </ol>
      <h4>第八条 税费</h4>
      <p>
        本合同履行过程中，买卖双方应按照国家及北京市的相关规定缴纳各项税、费，承担税费的具体约定见补充协议。一方不按法律、法规规定缴纳相关税费导致交易不能继续进行的，应当向对方支付相当于成交总价款<u>20％</u>的违约金。<strong
          >本合同履行过程中因政策原因须缴纳新的税费种类的，由政策规定的缴纳方缴纳；因政策原因（北京市税务局对二手房交易计税价格进行调整除外）使原有税费金额增加的，双方友好协商解决。</strong
        >
      </p>
      <h4>第九条 不动产登记</h4>
      <p><strong>（一）</strong> 预告登记</p>
      <ul>
        <li>出卖人和买受人需要申请办理预告登记的，需另行签署相关协议。</li>
      </ul>
      <p><strong>（二）</strong> 转移登记</p>
      <ul>
        <li>
          <div class="line-block">
            出卖人和买受人同意自本合同签订之
            <input type="date" v-model="form.true_contract_date" />
            日起日内，共同向不动产登记机构申请办理不动产转移登记手续
          </div>
        </li>
      </ul>
      <h4>第十条 户籍迁出</h4>
      <p>
        <strong>（一）</strong> 该房屋现有户籍情况为：<input
          type="checkbox"
          v-model="form.residence_no_signature"
        />无户籍登记<input type="checkbox" v-model="form.residence_signature" />有户籍登记
      </p>
      <div class="line-block">
        <p><strong>（二）</strong> 有户籍登记的，现出卖人可查询得到的户籍登记情况为：</p>
        <input v-model="form.residence_album" />
        <strong>册</strong>
        <input v-model="form.residence_people" />
        <strong>人</strong>，双方同意 不迁出 迁出现有户籍
      </div>
      <p></p>
      <div class="line-block">
        <p>
          <strong>（三）</strong> 出卖人迁出现有户籍的，承诺于<u
            ><strong>办理该房屋不动产转移登记之日起后30日内 ，</strong></u
          >向房屋所在地的户籍管理机关办理完成<strong>本房屋相关的</strong
          ><input type="checkbox" v-model="form.building_relation_property" /><strong>所有</strong
          ><input type="checkbox" v-model="form.building_relation_property_people_check" />
        </p>
        <input v-model="form.building_relation_property_people" />
        <strong>人</strong>现有户籍迁出手续
      </div>
      <p></p>
      <p>
        <strong>（四）</strong>
        如出卖人未如实陈述户籍登记情况、或擅自迁入户籍、或未如期将户籍迁出的，出卖人应当按日计算向买受人支付房屋总价款万分之五的违约金，且出卖人仍负有户籍迁出的义务
      </p>
      <h4>第十一条 不可抗力</h4>
      <p>
        因不可抗力不能按照约定履行本合同的，根据不可抗力的影响，部分或全部免除责任，但因不可抗力不能按照约定履行合同的一方当事人应当及时告知另一方当事人，并自不可抗力事件结束之日起<u>30</u>日内向另一方当事人提供证明。
      </p>
      <h4>第十二条 送达</h4>
      <p>
        双方当事人保证在本合同中记载的通讯地址、联系电话均真实有效。任何根据本合同发出的文件，均应当采用书面形式，
        以邮寄挂号信或快递的方式送达对方。任何一方变更通讯地址、联系电话的，应当自变更之日起<u>5</u>日内书面通知其他当事人。<strong
          >对方当事人按照约定的联系地址寄出挂号信或快递后三日即视为有效送达。</strong
        >
      </p>
      <div style="page-break-after: always"></div>
      <div class="12page" id="page12"></div>

      <h4>第十三条 争议解决方式</h4>
      <p>
        本合同项下发生的争议，由双方协商解决；协商不成的，依法向房屋所在地人民法院起诉。
      </p>
      <h4>第十四条 合同生效及特别约定</h4>
      <p>
        <strong>（一）</strong
        >双方当事人可以根据具体情况对本合同中未约定、约定不明或不适用的内容签订书面补充协议进行变更或补充。对本合同的解除，应当采用书面形式
        <br />
      </p>
      <p><strong>（二）</strong>本合同自双方当事人签字（盖章）之日起生效</p>
      <br />

      <p>
        <strong>（三）</strong>本合同一式<u>三</u>份，具有同等法律效力，其中出卖人<u>一</u>
        份，买受人<u>一</u>份。本合同附件及补充协议与本合同具有同等法律效力。买卖双方办理不动产转移登记时，应当向不动产登记机构提交本合同及全部附件
      </p>
      <center><font size="3">（以下无正文）</font></center>

      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />

      <div class="fist-party">
        <div class="signature">
          <p><strong>出卖人（签章）：</strong></p>
        </div>

        <div class="line-block">
          <p><strong>出卖人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>

      <div class="second-party">
        <div class="signature">
          <p><strong>买受人（签章）：</strong></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>买受人代理人（签章）：</strong></p>
          <input />
          <p></p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="13page" id="page13"></div>

      <h3>附件一 房屋附属设施设备、装饰装修、相关物品清单等具体约定</h3>
      <br />

      <h4>第一条 以下房屋附属设施设备保持原状：</h4>
      <div class="line-block">
        <p>
          <strong>（一）</strong> 供水：<input type="checkbox" v-model="form.wather1" />自来水<input
            type="checkbox"
            v-model="form.wather2"
          />矿泉水<input type="checkbox" v-model="form.wather3" /> 热水<input
            type="checkbox"
            v-model="form.wather4"
          />中水<input type="checkbox" v-model="form.wather_other" />其他：
        </p>
        <input v-model="form.wather_other_content" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（二）</strong> 供电：<input type="checkbox" v-model="form.electricity1" />220V<input
            type="checkbox"
            v-model="form.electricity2"
          />380V<input type="checkbox" v-model="form.electricity3" />可负荷
        </p>
        <input v-model="form.electricity3_content" />
        KW<input type="checkbox" v-model="form.electricity_other" />其他：
        <input v-model="form.electricity_other_content" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（三）</strong> 供燃气：<input type="checkbox" v-model="form.provide_gas1" />天然气<input
            type="checkbox"
            v-model="form.provide_gas2"
          />煤气 <input type="checkbox" v-model="form.provide_gas_other" />其他：
        </p>
        <input v-model="form.provide_gas_other_content" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（四）</strong> 外供暖气：<input type="checkbox" v-model="form.outside_provide_gas1" />汽暖<input
            type="checkbox"
            v-model="form.outside_provide_gas2"
          />水暖<input type="checkbox" v-model="form.outside_provide_gas3" /> 供暖周期<input
            type="checkbox"
            v-model="form.outside_provide_gas_other"
          />其他：
        </p>
        <input v-model="form.outside_provide_gas_other_content" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（五）</strong> 自备采暖：<input type="checkbox" v-model="form.own_provide_gas1" />电暖<input
            type="checkbox"
            v-model="form.own_provide_gas2"
          />燃气采暖 <input type="checkbox" v-model="form.own_provide_gas3" />燃煤采暖<input
            type="checkbox"
            v-model="form.own_provide_gas_other"
          />其他：
        </p>
        <input v-model="form.own_provide_gas_other_content" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p><strong>（六）</strong> 电话：<input type="checkbox" v-model="form.phone1" />外线号码</p>
        <input v-model="form.phone1_number" />
        <input type="checkbox" v-model="form.phone2" />内线号码
        <input v-model="form.phone2_number" />
        <input type="checkbox" v-model="form.phone3" />可视电话
        <input v-model="form.phone3_number" />
        <input type="checkbox" v-model="form.phone_other" />其他：
        <input v-model="form.phone_other_content" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（七）</strong> 互联网接入方式：<input type="checkbox" v-model="form.net_connect1" />拨号<input
            type="checkbox"
            v-model="form.net_connect2"
          />宽带 <input type="checkbox" v-model="form.net_connect3" />ADSL<input
            type="checkbox"
            v-model="form.net_connect_other"
          />其他：
        </p>
        <input v-model="form.net_connect_other_content" />
        <p></p>
      </div>

      <br />
      <br />

      <h4>第二条 房屋装修装饰、家具、电器用品情况</h4>
      <br />
      <br />
      <br />
      <br />
      <br />
      <div class="table-appliances">
        <table>
          <tbody>
            <tr>
              <td rowspan="8">装饰装修</td>
              <td colspan="10">以下装饰、装修及附属设施保持原状：</td>
            </tr>
            <tr>
              <td colspan="10">
                <div class="line-block">
                  卫生间配套设备：<input
                    type="checkbox"
                    v-model="form.toilet_device1"
                  />用于台盆支撑、具有存放及储藏功能的柜台、架<input
                    type="checkbox"
                    v-model="form.toilet_device2"
                  />坐便器及冲水装置 <input type="checkbox" v-model="form.toilet_device3" />淋浴装置<input
                    type="checkbox"
                    v-model="form.toilet_device4"
                  />浴 缸<input type="checkbox" v-model="form.toilet_device5" />地漏<input
                    type="checkbox"
                    v-model="form.toilet_device6"
                  />梳妆镜 镜灯<input type="checkbox" v-model="form.toilet_device7" />排风扇<input
                    type="checkbox"
                    v-model="form.toilet_device_other"
                  />其他：
                  <input v-model="form.toilet_device_other_content" />
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="10">
                <div class="line-block">
                  整体橱柜：<input type="checkbox" v-model="form.kitchen" />橱柜<input
                    type="checkbox"
                    v-model="form.kitchen_other"
                  />其他厨房功能器具：
                  <input v-model="form.kitchen_other_content" />
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="10">
                <input type="checkbox" v-model="form.device1" />地板
                <input type="checkbox" v-model="form.device2" />墙壁<input
                  type="checkbox"
                  v-model="form.device3"
                />吊顶<input type="checkbox" v-model="form.device4" /> 门<input
                  type="checkbox"
                  v-model="form.device5"
                />智能门锁<input type="checkbox" v-model="form.device6" />窗<input
                  type="checkbox"
                  v-model="form.device7"
                />
                窗帘<input type="checkbox" v-model="form.device8" />窗帘配套设施<input
                  type="checkbox"
                  v-model="form.device9"
                />热水器<input type="checkbox" v-model="form.device10" />暖气片<input
                  type="checkbox"
                  v-model="form.device11"
                />壁挂炉<input type="checkbox" v-model="form.device12" />灯具<input
                  type="checkbox"
                  v-model="form.device13"
                />灶台
              </td>
            </tr>
            <tr>
              <td colspan="10">
                <div class="line-block">
                  其他：
                  <input v-model="form.device_other_content" />
                </div>
              </td>
            </tr>
            <tr>
              <td rowspan="3">家具</td>
              <td>名称</td>
              <td>品牌</td>
              <td>数量</td>
              <td>名称</td>
              <td>品牌</td>
              <td>数量</td>
              <td>名称</td>
              <td>品牌</td>
              <td>数量</td>
            </tr>
            <tr>
              <td>床</td>
              <td><input v-model="form.bed_brand" /></td>
              <td><input v-model="form.bed_count" /></td>
              <td>沙发</td>
              <td><input v-model="form.sofa_brand" /></td>
              <td><input v-model="form.sofa_count" /></td>
              <td>衣柜</td>
              <td><input v-model="form.closet_brand" /></td>
              <td><input v-model="form.closet_count" /></td>
            </tr>
          </tbody>
        </table>
      </div>

      <br />
      <br />
      <br />

      <div style="page-break-after: always"></div>
      <div class="14page" id="page14"></div>

      <br />
      <br />

      <div class="table-appliances">
        <table>
          <tbody>
            <tr>
              <td rowspan="8">家电</td>
              <td>名称</td>
              <td>品牌</td>
              <td>数量</td>
              <td>名称</td>
              <td>品牌</td>
              <td>数量</td>
              <td>名称</td>
              <td>品牌</td>
              <td>数量</td>
            </tr>
            <tr>
              <td rowspan="3" colspan="3">
                电视机 | <input v-model="form.TV_brand" /> |
                <input v-model="form.TV_count" />
              </td>
              <td>空调</td>
              <td></td>
              <td></td>
              <td rowspan="3" colspan="3">
                冰箱 | <input v-model="form.AC_brand" /> |
                <input v-model="form.AC_count" />
              </td>
            </tr>
            <tr>
              <td rowspan="2" colspan="3">
                <div class="line-block">
                  空调情况<input type="checkbox" v-model="form.AC_device1" />中央空调<input
                    type="checkbox"
                    v-model="form.AC_device2"
                  />自装柜机
                  <input v-model="form.AC_device2_count" />
                  台 <input type="checkbox" v-model="form.AC_device3" />自装挂机
                  <input v-model="form.AC_device3_count" />
                  台<input type="checkbox" v-model="form.AC_device_other" />其他：<input
                    v-model="form.AC_device_other_content"
                  />
                  <div class="line-block"></div>
                </div>
              </td>
            </tr>
            <tr></tr>
            <tr>
              <td>洗衣机</td>
              <td><input v-model="form.fridge_brand" /></td>
              <td><input v-model="form.fridge_count" /></td>
              <td>油烟机</td>
              <td><input v-model="form.wash_machine_brand" /></td>
              <td><input v-model="form.wash_machine_count" /></td>
              <td>燃气具</td>
              <td><input v-model="form.cooker_hood_brand" /></td>
              <td><input v-model="form.cooker_hood_count" /></td>
            </tr>
            <tr>
              <td>电视馈线</td>
              <td colspan="8">
                <div class="line-block">
                  <input type="checkbox" v-model="form.TV_rope1" />无线
                  <input type="checkbox" v-model="form.TV_rope2" />有线（数字、模拟）<input
                    type="checkbox"
                    v-model="form.TV_rope3"
                  />数字视频变换盒（机顶盒）<input type="checkbox" v-model="form.TV_rope_other" />其他：
                  <input v-model="form.TV_rope_other_content" />
                </div>
              </td>
            </tr>
            <tr>
              <td colspan="9">
                <div class="line-block">
                  其他：
                  <input v-model="form.house_electric_device_other_content" />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <p>
        <font size="2">注：卫生间配套设备参照国家标准《卫生间配套设备（GB/T 12956-2008）》所列</font>
      </p>
      <h4>第三条 房屋配套物品</h4>
      <div class="line-block">
        <p>
          <strong>（一）</strong><input type="checkbox" v-model="form.key1" /> 房屋钥匙<input
            type="checkbox"
            v-model="form.key2"
          />单元门钥匙（或磁卡）<input type="checkbox" v-model="form.key3" />信箱钥匙<input
            type="checkbox"
            v-model="form.key4"
          />
          水门钥匙<input type="checkbox" v-model="form.key5" />电门钥匙<input
            type="checkbox"
            v-model="form.key6"
          />暖门钥匙<input type="checkbox" v-model="form.key7" />燃气门钥匙
          <input type="checkbox" v-model="form.key_other" />其他 :
        </p>
        <input v-model="form.key_other_content" />
        <p></p>
      </div>

      <p>
        <strong>（二）</strong>
        <input type="checkbox" v-model="form.instruction1" />《住宅使用说明书》及《住宅质量保证书》<input
          type="checkbox"
          v-model="form.instruction2"
        />《家装装修施工合同》及装修材料的发票
      </p>
      <div class="line-block">
        <p>
          <strong>（三）</strong> 水IC卡：<input type="checkbox" v-model="form.water_IC" />有<input
            type="checkbox"
            v-model="form.water_IC_no"
          />无，水表读数
        </p>
        <input v-model="form.water_IC_count" />
        ；电IC卡： <input type="checkbox" v-model="form.electricity_IC" />有
        <input type="checkbox" v-model="form.electricity_IC_no" />无，电表读数
        <input v-model="form.electricity_IC_count" />
        ；燃气IC卡：<input type="checkbox" v-model="form.gas_IC" />有<input
          type="checkbox"
          v-model="form.gas_IC_no"
        />无，燃气表读数
        <input v-model="form.gas_IC_count" />
        ；
        <p></p>
      </div>

      <p>
        <strong>（四）</strong>
        <input type="checkbox" v-model="form.TV_rope_proof" />有线电视交费凭证
        <input type="checkbox" v-model="form.phone_price_proof" />电话交费凭证
        <input type="checkbox" v-model="form.ADSL_price_proof" />ADSL(上网)交费凭证；
      </p>
      <div style="page-break-after: always"></div>
      <div class="15page" id="page15"></div>

      <h4>第四条</h4>
      <p>
        <strong>（一）</strong> 该房屋所在楼栋：<input type="checkbox" v-model="form.energy_save" />已完成节能改造<input
          type="checkbox"
          v-model="form.energy_save_no"
        />未进行节能改造
      </p>
      <h4>第五条</h4>
      <div class="line-block">
        <p><strong>（一）</strong> 其他：</p>
        <input v-model="form.appendix_content" />
        ；
        <p></p>
      </div>

      <div class="line-block">
        <p>
          <strong
            >双方当事人共同确认，本附件所约定的房屋附属设施设备、装饰装修、相关物品等随同房屋由出卖人转让给买受人。甲方须于交房前搬走的物品为</strong
          >
        </p>
        <input v-model="form.appendix_move_product" />
        <strong
          >，若甲方逾期未搬走，乙方可自行处理（如丢弃等），若自行处理需要付费的，乙方可以从物业交割保证金中扣除自行处理所支付的相关费用（乙方须提供相关付费证明材料）。</strong
        >
        <p></p>
      </div>

      <br />
      <br />
      <br />
      <br />
      <div class="fist-party">
        <div class="signature">
          <p><strong>出卖人（签章）：</strong></p>
        </div>

        <div class="line-block">
          <p><strong>出卖人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>

      <div class="second-party">
        <div class="signature">
          <p><strong>买受人（签章）：</strong></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>买受人代理人（签章）：</strong></p>
          <p></p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="16page" id="page16"></div>

      <center><font size="6">居间服务合同</font></center>

      <br />
      <br />
      <br />

      <div class="line-block">
        <p><strong>甲方（出卖人）：</strong></p>
        <input v-model="form.sell_name" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p><strong>乙方（买受人）：</strong></p>
        <input v-model="form.buy_name" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p><strong>丙方（居间方）：</strong><u>北京中宇华城房地产经纪中心广阳城分部</u></p>
      </div>

      <br />

      <div class="line-block">
        <p>鉴于甲、乙双方在丙方的居间服务下就坐落于</p>
        <input v-model="form.server_location" />
        的房屋签订了《北京市存量房屋买卖合同》（以下简称“《买卖合同》”）。甲、乙、丙三方在友好协商的基础上，订立本居间服务合同，以兹共同遵守。
        <p></p>
      </div>

      <br />
      <br />

      <h4>第一条居间服务</h4>
      <p>
        <strong>（一）</strong>
        甲、乙双方同意，共同委托丙方作为交易居间人，丙方提供的居间服务包括：1.提供房屋买卖市场行情咨询；2.
        寻找、提供并发布房源、客源信息；3.引领买受人实地看房；4.协助查看房屋权属证明文件；5.协助交易双方协商房屋买卖合同的相关条款内容；6.促成交易双方签署合法有效的买卖合同
      </p>
      <p>
        <strong>（二）</strong>
        甲、乙双方签订《买卖合同》时，居间行为完成，甲、乙双方应向丙方支付本合同约定的居间代理费
      </p>
      <h4>第二条居间代理费</h4>
      <div class="line-block">
        <p>
          代理费的费率标准为交易金额的2.2%。经友好协商，交易各方同意向丙方缴纳居间代理费，即应向丙方支付的实际居间代理费为人民币（小写）
        </p>
        <input v-model="form.agent_price_small" />
        元（大写）
        <input v-model="form.agent_price_big" />
        ，其中，由甲方承担人民币（小写） <u>0.00</u> 元（大写） <u>零元整，</u>乙方承担人民币（小写）
        <input v-model="form.agent_price_buy_small" />
        元（大写）
        <input v-model="form.agent_price_buy_big" />
        ，并 应于本合同签订当日向丙方支付。
        <p></p>
      </div>

      <h4>第三条权利义务</h4>
      <p>
        <strong>（一）</strong>
        甲方和乙方应积极配合丙方的居间活动，按照丙方的要求提交房屋买卖所需的一切证书、证件及材料，并依照本合同的约定，及时足额向丙方支付居间代理费；甲、乙双方应保证其提交的资料及签名真实、合法、有效。甲方或乙方不得利用丙方提供的服务进行任何形式的洗钱、虚假交易及其它违法行为。若丙方发现甲方或乙方违反本约定
        的，丙方可将相关信息报送有关部门 <br />
      </p>
      <p>
        <strong>（二）</strong>
        甲乙丙三方共同确认，该房屋在第三方平台所展示的面积、户型图等相关信息不应作为甲乙双方的谈判和决策依据，相关信息以产权证明文件、专业机构测量结果及房屋实际情况为准。丙方应遵守相关法律规定，尽职提供居间服务；丙方不得在交易中提供虚假信息或故意隐瞒真实情况；甲、乙双方授权丙方办理网上签约手续
      </p>
      <br />

      <p>
        <strong>（三）</strong>
        本次交易的后续手续由甲乙双方自主选择丙方协助办理，丙方将积极办理后续事宜
      </p>
      <h4>第四条违约责任</h4>
      <p>
        <strong>（一）</strong>
        甲、乙双方利用丙方所提供信息、条件、机会等，私自或者另行通过其他居间方签署《买卖合同》，甲乙双方应当承担违约责任；丙方有权要求甲乙双方支付本合同约定的全部居间代理费
        <br />
      </p>
      <p>
        <strong>（二）</strong>
        甲、乙双方或一方延迟向丙方支付本协议第二条约定的居间代理费，该延迟方除应向丙方支付居间代理费外，
        还应就其未支付的部分，按照每日1%的标准支付违约金 <br />
      </p>
      <p>
        <strong>（三）</strong>
        在居间服务中，丙方因工作疏漏，遗失甲、乙双方相关文件及资料，丙方承担补办手续费并给予相应的经济补偿。丙方违反本合同第三条约定的，丙方应承担相应的违约责任；<strong
          >甲方或乙方违反本合同第三条约定，导致丙方不能继续履行义务的，丙方不承担责任</strong
        >
      </p>
      <br />

      <p>
        <strong>（四）</strong>
        甲、乙双方中任何一方拖延或拒绝配合补办交易中各项手续，造成另一方损失，由拖延或拒绝配合一方承担赔偿责任；除本合同另有约定的外，各方不得擅自单方解除或变更本协议
      </p>
      <h4>第五条争议解决</h4>
      <p>
        与本合同相关的任何争议，三方应协商解决；协商不成的，任何一方均可向房屋所在地的人民法院提起诉讼。
      </p>
      <h4>第六条其他</h4>
      <p>
        <strong>（一）</strong>
        本协议书一式三份，三方各执一份，自各方签署盖章之日起生效。各方同意，未经本人签字或加盖公章的任何书面承诺、口头承诺、条款的变更等行为均不产生法律约束力。
        <br />
        <strong>（二）</strong>
        如甲方或/和乙方需丙方开具服务费发票，丙方待房屋过户后向支付居间代理费的甲方或/和乙方开具发票。若甲方或/和乙方需要在房屋过户前开具发票，甲方或/和乙方实际向丙方足额支付服务费用后方可要求丙方开具相应数额的发票，发票抬头为甲方或/和乙方本人；如甲方或/和乙方中有多个的，发票抬头仅能为其中之一或全体。如果发票为多张的，多张发票抬头须一致。如解约需丙方退还费用的，甲方或/和乙方应向丙方退还已开具的发票，如不能提供，丙方退费时按已开具发票面额的6%进行税费扣除。
      </p>
      <br />
      <br />

      <div style="page-break-after: always"></div>
      <div class="17page" id="page17"></div>

      <br />
      <br />

      <div class="fist-party">
        <div class="signature">
          <p><strong>出卖人（签章）：</strong></p>
        </div>

        <div class="line-block">
          <p><strong>出卖人代理人（签章）：</strong></p>
          <input />
          <p></p>
        </div>
      </div>

      <div class="second-party">
        <div class="signature">
          <p><strong>买受人（签章）：</strong></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>买受人代理人（签章）：</strong></p>
          <p class="small-line"></p>
          <p></p>
        </div>
      </div>

      <div class="second-party">
        <br />

        <div class="line-block">
          <div class="signature">
            <p><strong>丙方（章）：</strong></p>
          </div>

          <p><strong>地址：</strong></p>
          <p class="small-line"></p>
          <p></p>
        </div>

        <br />
        <br />
        <br />
        <br />

        <div class="second-party">
          <br />

          <div class="line-block">
            <div class="signature">
              <p><strong>经纪执业人员签字1：</strong> <u>Kevin</u></p>
            </div>

            <p><strong>资格注册证书编号：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>

          <br />
          <br />
          <br />
        </div>

        <div class="line-block">
          <div class="signature">
            <p><strong>经纪执业人员签字2：</strong> <u>Kevin</u></p>
          </div>
          <p></p>
          <p><strong>资格注册证书编号：</strong></p>
          <p class="small-line"></p>
          <p></p>
        </div>

        <br />
        <br />
        <br />

        <div class="line-block">
          <div class="signature">
            <p><strong>经办人签字：</strong></p>
          </div>

          <p><strong>联系电话：</strong></p>
          <p class="small-line"></p>
          <p></p>
        </div>
      </div>

      <div style="page-break-after: always"></div>
      <div class="18page" id="page18"></div>

      <center><font size="6">补充协议</font></center>
      <br />
      <br />
      <br />

      <div class="line-block">
        <p><strong>甲方（出卖人）：</strong></p>
        <input v-model="form.sell_name" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p><strong>乙方（买受人）：</strong></p>
        <input v-model="form.buy_name" />
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p><strong>丙方（居间方）：</strong><u>北京中宇华城房地产经纪中心广阳城分部</u></p>
      </div>

      <br />

      <div class="line-block">
        <p>鉴于甲、乙双方在丙方的居间服务下就坐落于</p>
        <input v-model="form.server_location" />
        的房屋签订了《北京市存量房屋买卖合同》（以下简称“《买卖合同》”）。甲、乙、丙三方在友好协商的基础上，订立本居间服务合同，以兹共同遵守。
        <p></p>
      </div>

      <br />
      <br />

      <h4>第一条 成交总价款及房屋状况</h4>
      <p><strong>（一）</strong></p>
      <div class="line-block">
        甲乙双方同意，交易房屋价款及家具家电、装饰装修和配套设施作价总计为人民币（小写）
        <input v-model="form.deck_device_price_small" />
        元（大写）
        <input v-model="form.deck_device_price_big" />
        ，此价格为成交总价款。
      </div>
      <p></p>
      <p><strong>（二）</strong> 房屋状况：该房屋已取得房屋不动产权证书</p>
      <h4>第二条 关于房屋交易具体事宜的约定</h4>
      <p>
        <strong>（一）</strong>
        <strong>定金：</strong> 乙方支付首付款时，已支付的定金视为成交总价款的一部分
      </p>
      <ol>
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.first_deposit_price_date" />
            前（含当日） 将第一笔定金人民币（小写）
            <input v-model="form.first_deposit_price_small" />
            元（大写）
            <input v-model="form.first_deposit_price_big" />
            以<input type="checkbox" v-model="form.first_deposit_price_check1" />资金存管<input
              type="checkbox"
              v-model="form.first_deposit_price_check2"
            />第三方担保支付<input type="checkbox" v-model="form.first_deposit_price_check3" />
            自行划转的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="2">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.second_deposit_price_date" />
            前（含当日） 将第二笔定金人民币（小写）
            <input v-model="form.second_deposit_price_small" />
            元（大写）
            <input v-model="form.second_deposit_price_big" />
            以<input type="checkbox" v-model="form.second_deposit_price_check1" />资金存管<input
              type="checkbox"
              v-model="form.second_deposit_price_check2"
            />第三方担保支付<input type="checkbox" v-model="form.second_deposit_price_check3" />
            自行划转的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="3">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.third_deposit_price_date" />
            前（含当日） 将第三笔定金人民币（小写）
            <input v-model="form.third_deposit_price_small" />
            元（大写）
            <input v-model="form.third_deposit_price_big" />
            以<input type="checkbox" v-model="form.third_deposit_price_check1" />资金存管<input
              type="checkbox"
              v-model="form.third_deposit_price_check2"
            />第三方担保支付<input type="checkbox" v-model="form.third_deposit_price_check3" />
            自行划转的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="4">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.fourth_deposit_price_date" />
            前（含当日） 将第四笔定金人民币（小写）
            <input v-model="form.fourth_deposit_price_small" />
            元（大写）
            <input v-model="form.fourth_deposit_price_big" />
            以<input type="checkbox" v-model="form.fourth_deposit_price_check1" />资金存管<input
              type="checkbox"
              v-model="form.fourth_deposit_price_check2"
            />第三方担保支付<input type="checkbox" v-model="form.fourth_deposit_price_check3" />
            自行划转的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <div style="page-break-after: always"></div>
      <div class="19page" id="page19"></div>

      <p>
        <strong>（二）</strong> <strong>还款解押：</strong>
        <input type="checkbox" v-model="form.building_not_mortgage" />该房屋未设定抵押<input
          type="checkbox"
          v-model="form.building_mortgage"
        />该房屋已经设定抵押
      </p>
      <ol>
        <li>
          <div class="line-block">
            交易房屋有抵押的，甲方应于
            <input type="date" v-model="form.mortgage_clean_date" />
            向该房屋的抵押权人提交一次性还清剩余借贷款项的申请，且甲方最迟应于
            <input type="date" v-model="form.mortgage_end_date" />
            办理完毕解除抵押登记手续
          </div>
        </li>
      </ol>
      <div class="div-margin-left">
        <p><strong>甲方解押所需资金来源为：</strong></p>
        <ol>
          <li><input type="checkbox" v-model="form.sell_deposit_clean1" />甲方自行筹集</li>
          <li>
            <input type="checkbox" v-model="form.sell_deposit_clean2" />
            仅用乙方定金还款解押：乙方第
            <input v-model="form.sell_deposit_clean2_content" />
            笔定金用于甲方还款解押
          </li>
          <li>
            <input type="checkbox" v-model="form.sell_deposit_clean3" />
            仅用乙方首付款（不含定金）还款解押：乙方第
            <input v-model="form.sell_deposit_clean3_content" />
            笔首付款用于甲方还款解押
          </li>
          <li>
            <input type="checkbox" v-model="form.sell_deposit_clean4" />
            用乙方定金和首付款（不含定金）还款解押：乙方第
            <input v-model="form.sell_deposit_clean4_content1" />
            笔定金和第
            <input v-model="form.sell_deposit_clean4_content2" />
            笔首付款用于甲方还款解押
          </li>
        </ol>
      </div>

      <p>
        <strong>（三）</strong>
        房屋评估：如乙方以贷款方式购买该房屋时，甲方应在接到丙方的评估通知后五日内配合评估公司对房屋进行评估
      </p>
      <p><strong>（四）</strong> 关于首付款的支付，甲乙双方同意按照下述方式履行：</p>
      <ol>
        <li>
          <div class="line-block">
            <u>乙方于不晚于不动产权转移登记办理完毕前<input type="date" v-model="form.buy_payment1" />日</u
            >将第一笔<strong>首付款</strong>人民币（小写）
            <input v-model="form.buy_payment1_small" />
            元（大写）
            <input v-model="form.buy_payment1_big" />
            （<strong>不包含</strong>前期支付全部定金）以
            <input type="checkbox" v-model="form.buy_payment1_check1" />建委监管支付
            <input type="checkbox" v-model="form.buy_payment1_check2" />资金存管
            <input type="checkbox" v-model="form.buy_payment1_check3" />第三方担保支付
            <input type="checkbox" v-model="form.buy_payment1_check4" />四方银行监管支付的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="2">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.buy_payment2" />
            将第二笔<strong>首付款</strong>人民币（小写）
            <input v-model="form.buy_payment2_small" />
            元（大写）
            <input v-model="form.buy_payment2_big" />
            以 <input type="checkbox" v-model="form.buy_payment2_check1" />建委监管支付
            <input type="checkbox" v-model="form.buy_payment2_check2" />资金存管
            <input type="checkbox" v-model="form.buy_payment2_check3" />第三方担保支付
            <input type="checkbox" v-model="form.buy_payment2_check4" />四方银行监管支付的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="3">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.buy_payment3" />
            将第三笔<strong>首付款</strong>人民币（小写）
            <input v-model="form.buy_payment3_small" />
            元（大写）
            <input v-model="form.buy_payment3_big" />
            以 <input type="checkbox" v-model="form.buy_payment3_check1" />建委监管支付
            <input type="checkbox" v-model="form.buy_payment3_check2" />资金存管
            <input type="checkbox" v-model="form.buy_payment3_check3" />第三方担保支付
            <input type="checkbox" v-model="form.buy_payment3_check4" />四方银行监管支付的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="4">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.buy_payment4" />
            将第四笔<strong>首付款</strong>人民币（小写）
            <input v-model="form.buy_payment4_small" />
            元（大写）
            <input v-model="form.buy_payment4_big" />
            以 <input type="checkbox" v-model="form.buy_payment4_check1" />建委监管支付
            <input type="checkbox" v-model="form.buy_payment4_check2" />资金存管
            <input type="checkbox" v-model="form.buy_payment4_check3" />第三方担保支付
            <input type="checkbox" v-model="form.buy_payment4_check4" />四方银行监管支付的方式支付甲方
          </div>
        </li>
      </ol>
      <br />

      <ol start="5">
        <li>
          <div class="line-block">
            乙方于
            <input type="date" v-model="form.buy_payment5" />
            将第五笔<strong>首付款</strong>人民币（小写）
            <input v-model="form.buy_payment5_small" />
            元（大写）
            <input v-model="form.buy_payment5_big" />
            以 <input type="checkbox" v-model="form.buy_payment5_check1" />建委监管支付
            <input type="checkbox" v-model="form.buy_payment5_check2" />资金存管
            <input type="checkbox" v-model="form.buy_payment5_check3" />第三方担保支付
            <input type="checkbox" v-model="form.buy_payment5_check4" />四方银行监管支付的方式支付甲方
          </div>
        </li>
      </ol>
      <div style="page-break-after: always"></div>
      <div class="20page" id="page20"></div>

      <br />
      <br />
      <br />

      <p>
        <strong>（五）</strong>
        申请购房贷款：如乙方以贷款方式购买该房屋时，甲乙双方应于完成网签后<u>7个工作日内</u>共同前往贷款机构办理贷款申请手续
      </p>
      <br />

      <div class="line-block">
        <p><strong>（六）</strong> <strong>缴税：</strong>甲乙双方应于</p>
        <input type="date" v-model="form.taxes_date" />
        日前（含当日） 共同前往税务部门办理缴税手续
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p><strong>（七）</strong> <strong>不动产转移登记：</strong>甲乙双方同意，在</p>
        <input type="date" v-model="form.move_property_date" />
        前（含当日），共同办理房屋不动产转移登记手续。如乙方存在共同买受人的，则共有的方式为：<input
          type="checkbox"
          v-model="form.move_property1"
        />共同共有<input type="checkbox" v-model="form.move_property2" />按份共有，共有份额为：
        <input v-model="form.move_property3_content" />
        ；持证方式：<input type="checkbox" v-model="form.move_property4" />共持一证<input
          type="checkbox"
          v-model="form.move_property5"
        />各持一证。
        <p></p>
      </div>

      <br />

      <div class="line-block">
        <p>
          <strong>（八）</strong>
          <strong>户口核查及户口迁出保证金：</strong
          >甲乙双方一致同意，<u>交易房屋存在户口时，应于不动产权转移登记且按约定迁出户口（二者需同时满足）当日</u>共同前往户籍管理部门核实户口的迁出情况，丙方陪同。乙方从本协议约定的房屋成交总价款中留存人民币（小写）
        </p>
        <input v-model="form.remain_cash_small" />
        元（大写）
        <input v-model="form.remain_cash_big" />
        作为户口迁出保证金，该户口迁出保证金可抵扣与户口相关的违约金，但具体抵扣金额以甲乙双方另行签署的书面协议或法院生效裁判文书中载明的金额为准。该保证金按照以下哪一种方式支付：
        <p></p>
      </div>

      <ul>
        <li>
          <div class="line-block">
            <input type="checkbox" v-model="form.remain_cash_mode1" />
            乙方应于不晚于权属转移登记前
            <input type="date" v-model="form.remain_cash_mode1_date" />
            日支付甲方，甲方同意该笔保证金由丙方直接保管
          </div>
        </li>
        <li>
          <div class="line-block">
            <input type="checkbox" v-model="form.remain_cash_mode2" />
            交易房屋完成不动产转移登记手续且甲乙双方核实甲方办理完毕户口迁出手续当日，由乙方自行划转至甲方
          </div>
        </li>
        <li>
          <div class="line-block">
            <input type="checkbox" v-model="form.remain_cash_mode3" />
            如该房屋无户口的，乙方应于
            <input type="date" v-model="form.remain_cash_mode3_content" />
            自行划转至甲方
          </div>
        </li>
      </ul>
      <p>
        <strong>（九）</strong> <strong>物业交割：</strong>甲乙双方应当在<u>房屋交付当日</u>
        自行办理物业交割手续，丙方陪同。甲乙双方一致同意，乙方从本协议约定的成交总价款中留存人民币（小写）
      </p>
      <input v-model="form.property_cash_small" />
      元（大写）
      <input v-model="form.property_cash_big" />
      作为物业交割保证金，该物业交割保证金可抵扣物业交割日前甲方所需负担的欠费，包括物业费、水费、燃气费、电费、有线电视费等，但具体抵扣金额以甲乙双方另行签署的书面协议或法院生效裁判文书中载明的金额为准。该保证金按照以下<strong>
        >哪种方式支付：

        <p></p>
        <ul>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.property_cash_check1" />
              甲乙双方办理完毕物业交割当日，由乙方自行划转至甲方
            </div>
          </li>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.property_cash_check2" />
              乙方应于不晚于权属转移登记前
              <input v-model="form.property_cash_check2_content" />
              日支付甲方，<input type="checkbox" v-model="form.property_cash_check3" />甲方同意该笔保证金由丙方直接保管
            </div>
          </li>
        </ul>
        <div style="page-break-after: always"></div>
        <div class="21page" id="page21"></div>

        <h4>第三条 税费的承担</h4>
        <p><strong>（一）</strong> 甲方确认，交易房屋在缴税时情况为：</p>
        <ol>
          <li>
            交易房屋：<input type="checkbox" v-model="form.tax_commit1" /> 所有权证满五年<input
              type="checkbox"
              v-model="form.tax_commit2"
            />
            契税票满五年
            <input type="checkbox" v-model="form.tax_commit3" /> 所有权证满两年<input
              type="checkbox"
              v-model="form.tax_commit4"
            />
            契税票满两年<input type="checkbox" v-model="form.tax_commit5" />
            不满两年
          </li>
          <li>
            交易房屋<input type="checkbox" v-model="form.tax_commit6" /> 是<input
              type="checkbox"
              v-model="form.tax_commit7"
            />
            否为甲方家庭名下在京唯一住房
          </li>
        </ol>
        <p>
          <strong>（一）</strong>
          甲乙双方同意，本次交易涉及的税费按照以下<strong>哪种方式</strong>承担，并由承担方直接向主管机关缴纳：
        </p>
        <ul>
          <li>
            <div class="line-block"><input type="checkbox" v-model="form.tax_commit8" />全部由乙方承担</div>
          </li>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.tax_commit9" />
              按照本项约定的方式承担：
              <input v-model="form.tax_commit9_content" />
            </div>
          </li>
        </ul>
        <p>
          <strong>（三）</strong>
          甲乙双方协商一致，如交易房屋状况不符合《买卖合同》及《补充协议》之约定，导致交易房屋产生其他税费的，按照以下<strong>哪种方式</strong>解决：
        </p>
        <ul>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.tax_commit10" />全部由甲方承担，并直接向主管机关缴纳
            </div>
          </li>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.tax_commit11" />按照本项约定的方式解决：
              <input v-model="form.tax_commit11_content" />
            </div>
          </li>
        </ul>
        <h4>第四条 违约责任</h4>
        <p>
          <strong>（一）</strong>
          甲乙双方任何一方逾期履行本补充协议约定义务的，每逾期一日，违约方应按日计算向守约方支付房屋总价款万分之五的违约金。
          <br />
        </p>
        <p>
          <strong>（二）</strong>
          甲方若出现下列情形之一的，甲方构成根本违约，且乙方有权以书面通知的方式解除房屋买卖合同：
        </p>
        <ol>
          <li>
            甲方提供的该房屋不动产权证书，原购房合同等相关产权证明手续不真实、不完整、无效，导致乙方无法取得房屋所有权的；
          </li>
          <li>该房屋被查封或限制转让，导致乙方无法取得房屋所有权的；</li>
          <li>逾期履行本补充协议第二条约定的义务超过十五日的；</li>
          <li>
            甲方在办理不动产转移登记前擅自将该房屋抵押给第三方，导致乙方无法取得房屋所有权的；
          </li>
          <li>拒绝将该房屋出售给乙方或者擅自提高房屋交易价格的；</li>
          <li>
            将该房屋出售给第三方的。甲方出现上述根本违约情形之一的，甲方应在违约行为发生之日起十五日内，以相当于该房屋总价款的20%向乙方支付违约金；丙方收取乙方的所有费用不予退还，由甲方直接赔付乙方。
          </li>
        </ol>
        <br />

        <p>
          <strong>（三）</strong>
          乙方若出现下列情形之一的，乙方构成根本违约，且甲方有权以书面通知的方式解除房屋买卖合同：
        </p>
        <ol>
          <li>
            提供的证件等购房所需的资料不完整、不真实或无效，导致无法办理房屋不动产转移登记手续的；
          </li>
          <li>拒绝购买该房屋的；</li>
          <li>
            逾期履行本补充协议第二条约定的义务超过十五日的。乙方出现上述根本违约情形之一的，乙方应在违约行为发生之日起十五日内，以相当于该房屋总价款的20%向甲方支付违约金；乙方向甲方已支付的全部款项冲抵违约金，多退少补；丙方收取乙方的费用不予退还。
          </li>
        </ol>
        <br />

        <p>
          <strong>（四）</strong>
          在本协议履行期间，如出台新的限购政策且该限购政策导致本协议无法继续履行的，各方互不承担违约责任，后续事宜及已交付的款项和已发生的费用由各方友好协商解决。
        </p>
        <h4>第五条 其他</h4>
        <p>
          <strong>（一）</strong>
          在甲乙双方各自提供的证件等资料真实有效、并积极配合的前提下，丙方按照国家政策规定协助双方完成交易。
          <br />
        </p>
        <p>
          <strong>（二）</strong>
          本协议一式三份，甲乙丙三方各执一份，具有同等法律效力。如本协议与《买卖合同》《居间服务合同》约定不一致的，均以本协议为准。
        </p>
        <br />

        <p>
          <strong>（三）</strong>甲乙双方达成的其他约定（提示：如无需该等约定，请勾选“无”）： 关于央产房的约定：<input
            type="checkbox"
            v-model="form.replenishment_other1"
          />
          有<input type="checkbox" v-model="form.replenishment_other2" /> 无
        </p>
        <div class="line-block">
          甲方应于
          <input type="date" v-model="form.replenishment_other3_content" />
          前取得《在京中央单位已购住房产权变更登记通知单》；如未能按期取得，则应承担相关责任。
        </div>

        <p>
          <strong><u>关于该房屋附属设施设备、装饰装修、相关物品清单等具体约定见附件一</u></strong>
        </p>
        <h4>第六条 特别约定</h4>
        <p>如交易不成，违约方支付丙方约定的居间服务费</p>
        <div class="line-block">
          <p>甲方承诺交易房屋原值为</p>
          <input v-model="form.replenishment_other4_content" />
          元，如交易过程中，有证据表明交易房屋原值与甲方承诺不一致，因此产生的多余税费均由甲方承担
          <p></p>
        </div>

        <div class="line-block">
          <p>
            <strong>其他约定：</strong>
            <input type="checkbox" v-model="form.replenishment_other5" /> 有
            <input type="checkbox" v-model="form.replenishment_other6" /> 无
          </p>
          <input v-model="form.replenishment_other6_content" />
        </div>

        <center><font size="3">（以下无正文）</font></center>

        <div style="page-break-after: always"></div>
        <div class="22page" id="page22"></div>

        <br />
        <br />

        <div class="fist-party">
          <div class="signature">
            <p>
              <strong>出卖人（签章）：</strong>
            </p>
          </div>

          <div class="line-block">
            <p><strong>出卖人代理人（签章）：</strong></p>
            <input />
            <p></p>
          </div>
        </div>

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div class="second-party">
          <br />

          <div class="line-block">
            <div class="signature">
              <p><strong>丙方（章）：</strong></p>
            </div>

            <p><strong>地址：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>

          <br />
          <br />
          <br />
          <br />
          <br />
          <br />

          <br />
          <br />
          <br />

          <div class="second-party">
            <br />

            <div class="line-block">
              <div class="signature">
                <p><strong>经纪执业人员签字1：</strong> <u>Kevin</u></p>
              </div>

              <p><strong>资格注册证书编号：</strong></p>
              <p class="small-line"></p>
              <p></p>
            </div>

            <br />
            <br />
            <br />
          </div>

          <div class="line-block">
            <div class="signature">
              <p><strong>经纪执业人员签字2：</strong> <u>Kevin</u></p>
            </div>

            <p><strong>资格注册证书编号：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>

          <br />
          <br />
          <br />

          <div class="line-block">
            <div class="signature">
              <p><strong>经办人签字：</strong></p>
            </div>

            <p><strong>联系电话：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="23page" id="page23"></div>
        <br />
        <center><font size="6">房地产经纪服务事项告知书</font></center>
        <center><font size="6">说明</font></center>
        <br />
        <br />

        <p>
          <strong>（一）</strong>
          本房地产经纪服务事项告知书（以下简称“告知书”），由北京（以下简称“”）依据《房地产经纪管理办法》及相关监管部门的要求制订
        </p>
        <br />

        <p>
          <strong>（二）</strong>
          委托人有委托房地产经纪机构提供房地产经纪服务意向的，由房地产经纪人员根据委托人提供的委托交易房屋基本信息编制告知书
        </p>
        <br />

        <p>
          <strong>（三）</strong>
          委托人应当仔细阅读告知书内容，并在告知书上签字，确认已知悉告知事项内容并无异议
        </p>
        <br />

        <p><strong>（四）</strong> 本告知书空格部位应填写相应内容，所有项目不得漏填。</p>
        <br />

        <h4>一、 交易房屋座落及市场参考价</h4>
        <div class="line-block">
          交易房屋座落于
          <input v-model="form.trade_building_location" />
          ；根据本公司的交易信息，交易房屋目前的市场参考价为人民币 （大写）
          <input v-model="form.trade_building_big" />
          （该价格依据本公司的历史成交价测算，仅供参考）
        </div>

        <h4>二、已向委托人说明房地产经纪服务合同和房屋买卖合同的相关内容</h4>
        <h4>三、房地产经纪机构及其从业人员与交易房屋不存在利害关系</h4>
        <h4>
          四、委托人（包括购房人及出售人）应当协助提供资料（包括但不限于下述资料），配合办理房源核验和购房资质审核
        </h4>
        <p><strong>（一）</strong> 身份证明类材料</p>
        <ol>
          <li>购房人身份证明（身份证、护照等）原件和复印件</li>
          <li>房屋所有权人的身份证件原件和复印件</li>
          <li>婚姻证明（结婚证、离婚证或单身证明等）原件和复印件</li>
          <li>户口簿原件和复印件</li>
          <li>家庭成员（夫妻、未满18周岁子女）身份证明原件和复印件</li>
          <li>
            非本市户籍居民居住证原件和复印件；贷款银行、房屋管理部门及相关机构要求提供的其他文件或资料
          </li>
        </ol>
        <br />

        <p><strong>（二）</strong> 房屋权属证明材料</p>
        <ol>
          <li>房屋权属证明原件和复印件；</li>
          <li>土地使用权证书的原件和复印件（如有）；</li>
          <li>房屋共有权人同意出售、出租的文件原件；</li>
          <li>
            出售已购公房、央产房或经济适用房的，须提供原购房合同、票据，以及有关批准文件；房屋管理部门及相关机构要求提供的其他文件或资料
          </li>
        </ol>
        <h4>五、房屋交易涉及的税费</h4>
        <p>
          存量房屋所有权转移登记时，涉及的主要税费包括但不限于：契税、印花税、土地出让金（已购公房有此项）、综合地价款（经济适用房有此项）、增值税及附加、所得税、土地增值税等。
        </p>
        <h4>六、交易的一般程序</h4>
        <ol>
          <li>存量房屋买卖一般程序；</li>
          <li>
            房屋租赁一般程序。
            <h4>七、房屋交易可能存在的主要风险</h4>
          </li>
          <li>市场价格变动的风险；</li>
          <li>政策调控风险（贷款风险）；</li>
          <li>非住宅类房屋投资的风险；</li>
          <li>
            同时进行房屋的出售和购买时，资金能否及时到位及可能涉及违约责任的风险；资金安全的风险。
          </li>
        </ol>
        <h4>八、签约的注意事项</h4>
        <ol>
          <li>核对交易对方及其代理人的各项有效身份证件及房屋所有权证明；</li>
          <li>
            确认交易过程中需要交纳的代理费、税费等相关费用，如可享受税费优惠政策的以当地现行税收政策为准；
          </li>
          <li>
            就合同履行的关键条款，例如解除抵押的时间、房款支付方式、房款支付时间、过户时间及房屋交付时间等，交易方应进行明确的约定；
          </li>
          <li>合同应签署完整，切忌留有空白；</li>
          <li>签署合同，应由本人亲笔签署，如合同超过一页应签骑缝；</li>
          <li>
            务必确认交易房屋的抵押、查封等直接影响房屋交易的情形；务必填写合同签署日期，此日期与合同的履行期限密切相关。
          </li>
        </ol>
        <h4>九、地产居间服务事宜</h4>
        <p>
          地产接受买卖双方委托，为其订立房地产交易合同提供媒介服务，促成交易并签署合法有效的合同，并于合同签订当日按照成交总价2.2%的标准收取服务费，具体内容请参见《房屋居间服务合同》第一条。
        </p>
        <h4>十、服务监督</h4>
        <p>
          交易圆满达成，并不代表我们的服务也随之结束，地产没有终点的服务仍在开展，我们的客服专线是
          （周一至周日9:00至20:00），我们还为您提供以下服务：
        </p>
        <ol>
          <li>查询您的交易进度；</li>
          <li>提供房屋买卖、租赁等业务的咨询服务；</li>
          <li>
            所有通过链家地产买卖成交的客户均会接到来自链家地产客服中心的满意度调查电话，您可借此表达您对于服务过程的意见，我们将认真听取并改进我们的服务。
          </li>
        </ol>
        <div class="line-block">
          经房地产经纪人员详细解说，本人已收到编号为
          <input v-model="form.serial_number" />
          的《房地产经纪服务事项告知书》并知悉其内容。
        </div>

        <br />
        <br />
        <br />
        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="24page" id="page24"></div>

        <center><font size="6">关于核实户籍情况的声明</font></center>

        <div class="line-block">
          鉴于甲方
          <input v-model="form.sell_name" />
          与乙方
          <input v-model="form.buy_name" />
          经北京经纪有限公司（下称“”）居间，就交易位于北京市
          <input v-model="form.server_location" />
          屋（下称“交易房屋”）签署《北京市存量房屋买卖合同》等相关文件（下称“买卖合同”）
        </div>

        <div class="line-block">
          特别提示，关于未核实房屋内户籍情况的风险，包括但不限于：房屋内的户籍情况与买卖合同约定不一致且无法迁出的，甲方将承担相应的违约责任；乙方可能无法办理户籍迁入手续；关于无法迁出的户籍，法院无法判决强制迁移等。现甲乙双方就核实户籍情况及迁出事宜补充约定如下：
        </div>

        <p>
          <strong>一、</strong>
          若交易房屋所在地的户籍管理部门不支持核查该房屋内的户籍情况的，则甲乙双方一致同意按照《买卖合同》中关于户籍的约定履行
          <br />
        </p>
        <p>
          <strong>二、</strong>
          若交易房屋所在地的户籍管理部门支持本人核查该房屋内的户籍情况的，则甲方应当于签署《买卖合同》之日起 3
          个工作日内前往交易房屋所在地的户籍管理部门核实该房屋内的户籍情况，丙方陪同，并将核实结果告知乙方
          <br />
        </p>
        <p>
          <strong>三、</strong>
          若经核查，交易房屋内的户籍情况与《买卖合同》中约定的情况一致的，则甲乙双方按约定继续履行
        </p>
        <br />

        <p>
          <strong>四、</strong>
          若经核查，交易房屋内的户籍情况与《买卖合同》中约定的情况不一致的，则甲乙双方同意按照如下方式处理(以下方式只可选择一项)：
        </p>
        <ul>
          <li>
            <input type="checkbox" v-model="form.suitable1" />
            甲乙双方一致同意免责解约，互不承担违约责任，且甲方应当返还乙方已支付的所有款项
          </li>
          <li>
            <input type="checkbox" v-model="form.suitable2" />
            甲方承诺按照《买卖合同》约定的期限内迁出该房屋内不一致的户籍并承担未按期迁出的违约责任，甲乙双方同意继续履行
          </li>
          <li>
            <input type="checkbox" v-model="form.suitable3" />
            若甲方无法迁出该房屋内与《买卖合同》约定不一致的户籍的，乙方同意甲方不予迁出且不追究甲方违约责任，甲乙双方同意继续履行
          </li>
        </ul>
        <br />

        <p>
          <strong>五、</strong>
          若任何一方未按本声明之约定履行的，均应当按照《补充协议》违约责任条款确定之标准承担违约责任
        </p>
        <p>
          <strong>六、</strong>
          甲乙双方对于上述事宜均确认一致，并同意不以此为由追究地产的任何责任
        </p>
        <h5>特此声明！</h5>
        <br />
        <br />

        <div style="page-break-after: always"></div>
        <div class="25page" id="page25"></div>

        <br />
        <br />

        <div class="fist-party">
          <div class="signature">
            <p>
              <strong>出卖人（签章）：</strong>
            </p>
          </div>

          <div class="line-block">
            <p><strong>出卖人代理人（签章）：</strong></p>
            <input />
            <p></p>
          </div>
        </div>

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="26page" id="page26"></div>

        <center><font size="6">出卖人关于居住权的声明</font></center>

        <div class="line-block">
          本人姓名：
          <input v-model="form.sell_statement1" />
          ， 身份证号 社会统一信用代码：
          <input v-model="form.sell_statement2" />
          ，系位于
          <input v-model="form.sell_statement3" />
          房产证号为
          <input v-model="form.sell_statement4" />
          号 ，共有权证证号为：
          <input v-model="form.sell_statement5" />
          之房屋（以下简称“交易房屋”）的<input type="checkbox" v-model="form.sell_statement6" />所有权人<input
            type="checkbox"
            v-model="form.sell_statement7"
          />共有权人，现欲出售该房屋。
        </div>

        <p>
          <strong>本人承诺：</strong>
          <br />
          <strong>（一）</strong> 交易房屋现有居住权情况为：<input
            type="checkbox"
            v-model="form.sell_statement8"
          />未设立居住权<input type="checkbox" v-model="form.sell_statement9" />已设立居住权 <br />
        </p>
        <p>
          <strong>（二）</strong>
          未设定居住权的，本人承诺在办理完毕交易房屋权属转移登记前，交易房屋不被新设居住权
        </p>
        <br />
        <div class="line-block">
          <p><strong>（三）</strong> 已设定居住权的，现有居住权设定情况为： 居住权人姓名：</p>
          <input v-model="form.sell_statement10" />
          身份证号：
          <input v-model="form.sell_statement11" />
          居住权期限：
          <input v-model="form.sell_statement12" />
          居住权人姓名：
          <input v-model="form.sell_statement13" />
          身份证号：
          <input v-model="form.sell_statement14" />
          居住权期限：
          <input v-model="form.sell_statement15" />
          居住权人姓名：
          <input v-model="form.sell_statement16" />
          身份证号：
          <input v-model="form.sell_statement17" />
          居住权期限：
          <input v-model="form.sell_statement18" />
          本人承诺于
          <input v-model="form.sell_statement19" />
          解除或消灭现有居住权，并根据相关部门的要求完成居住权的注销手续
          <p></p>
        </div>
        <br />

        <p>
          <strong>（四）</strong>
          如本人未如实陈述交易房屋居住权设定情况、或交易房屋在办理完毕权属转移登记前新设居住权、或未如期解除或消灭交易房屋居住权的。该房屋的买受人有权以书面通知的方式解除房屋买卖合同，且本人应当以相当于该房屋总价款的
          20%向该房屋的买受人支付违约金
        </p>
        <center><font size="3">上述承诺系本人的真实意思表示，特此声明！</font></center>

        <br />
        <br />
        <br />
        <br />

        <div class="second-party">
          <div class="signature">
            <p><strong>声明人</strong></p>
          </div>

          <br />
        </div>

        <div style="page-break-after: always"></div>
        <div class="27page" id="page27"></div>

        <center><font size="6">物业交割确认书</font></center>
        <div class="line-block">
          鉴于出卖人
          <input v-model="form.sell_name" />
          与买受人
          <input v-model="form.buy_name" />
          经北京经纪有限公司（下称“”）居间，就交易位于北京市
          <input v-model="form.server_location" />
          房屋（下称“交易房屋”）于
          <input type="date" v-model="form.property_delivery1" />
          日 签署了《北京市存量房屋买卖合同》及相关协议（下称“买卖合同”）。现买卖双方就核实物业交割情况补充约定如下：
        </div>

        <br />

        <div class="line-block">
          <p><strong>一、</strong> <strong>出卖人承诺：截止至</strong></p>
          <input v-model="form.property_delivery2" />
          <strong
            >，交易房屋的物业管理费<input type="checkbox" v-model="form.property_delivery3" />是<input
              type="checkbox"
              v-model="form.property_delivery4"
            />
            否</strong
          >结清，如未结清，欠费金额为人民币
          <input v-model="form.property_delivery5" />
          元整；<strong
            >供暖费<input type="checkbox" v-model="form.property_delivery6" /> 是<input
              type="checkbox"
              v-model="form.property_delivery7"
            />
            否</strong
          >结清，如未结清，欠费金额为人民币
          <input v-model="form.property_delivery8" />
          元整，<strong>出卖人确认以上费用情况属实</strong>
          <p></p>
        </div>

        <p>
          <strong
            >二、关于办理物业交割手续前交易房屋存在的全部需结清费用（包括但不限于物业管理费、供暖、水、电、燃气、有线电视、电话通信等费用，且不论该笔费用是否由出卖人使用产生均需结清），买卖双方同意按如下方式处理：</strong
          >
        </p>
        <ul>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.property_delivery9" />
              由出卖人于办理物业交割前
              <input v-model="form.property_delivery10" />
              日内结清相关费用，如逾期未缴纳的，买受人有权自出卖人逾期
              <input v-model="form.property_delivery11" />
              日起，用留存的物业交割保证金向相关单位缴纳欠缴费用，清缴后剩余的物业交割保证金,买受人应按合同约定方式支付出卖人。不足清缴部分，买受人可选择代缴，并有权向出卖人追偿。同时，逾期缴纳欠费的，出卖人需向买受人承担总房款万分之五/日的违约责任
            </div>
          </li>
          <li>
            <div class="line-block">
              <input type="checkbox" v-model="form.property_delivery12" />
              双方同意的其他处理方式：
              <input v-model="form.property_delivery13" />
            </div>
          </li>
        </ul>
        <p>
          <strong
            >三、如出卖人已预缴，相关单位无法退还未发生的余额部分，则双方同意在上述约定结清费用时间，按如下方式处理：</strong
          >
        </p>
        <ul>
          <li>
            <input
              type="checkbox"
              v-model="form.property_delivery14"
            />出售人不要求买受人支付余额部分款项，随房赠送买受人
          </li>
          <li>
            <input
              type="checkbox"
              v-model="form.property_delivery15"
            />买受人将未发生的费用按交付当时市场价格支付给出售人
          </li>
          <li>
            <input type="checkbox" v-model="form.property_delivery16" />各项费用的处理分别在补充协议中进行详细约定
          </li>
        </ul>
        <p>
          <strong
            >买卖双方共同确认：出卖方需在办理权属转移登记前配合查询交易房屋项下所有的费用欠缴情况，并积极履行本确认书内容。如因物业交割发生纠纷，由双方协商解决，协商无果可向房屋所在地人民法院提起诉讼。</strong
          >
        </p>
        <div class="fist-party">
          <div class="signature">
            <p>
              <strong>出卖人（签章）：</strong>
            </p>
          </div>

          <div class="line-block">
            <p><strong>出卖人代理人（签章）：</strong></p>
            <input />
            <p></p>
          </div>
        </div>

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="28page" id="page28"></div>

        <center><font size="6">网上签约授权委托书</font></center>
        <br />
        <br />
        <br />

        <div class="line-block">
          <p><strong>甲方（出卖人）：</strong></p>
          <input v-model="form.sell_name" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>乙方（买受人）：</strong></p>
          <input v-model="form.buy_name" />
          <p></p>
        </div>

        <br />

        <div class="line-block">
          <p><strong>丙方（居间方）：</strong><u>北京中宇华城房地产经纪中心广阳城分部</u></p>
        </div>

        <p>
          <strong>一、</strong>
          委托事项：委托人作为交易房产的买卖双方当事人，现委托受托人作为我们的合法代理人协助我们办理交易房产的存量房买卖合同网上签约手续
          <br />
        </p>
        <p>
          <strong>二、</strong> 委托期限：自本授权委托书签署之日起至委托事项办理完结之日止
          <br />
        </p>
        <p><strong>三、</strong> 委托网上签约内容如下：</p>
        <div class="table-appliances">
          <table>
            <tbody>
              <tr>
                <td colspan="6">出卖人信息</td>
              </tr>
              <tr>
                <td>名称（姓名）：</td>
                <td><input v-model="form.sell_name" /></td>
                <td>证件名称：</td>
                <td><input v-model="form.sell_card_name" /></td>
                <td>证件号码：</td>
                <td><input v-model="form.sell_card_number" /></td>
              </tr>
              <tr>
                <td>共有权人：</td>
                <td><input v-model="form.sell_tegther_name" /></td>
                <td>证件名称：</td>
                <td><input v-model="form.sell_tegther_card_name" /></td>
                <td>证件号码：</td>
                <td><input v-model="form.sell_tegther_card_number" /></td>
              </tr>
              <tr>
                <td colspan="6">住址：<input v-model="form.sell_address" /></td>
              </tr>
              <tr>
                <td colspan="6">买受人信息：</td>
              </tr>
              <tr>
                <td>名称（姓名）：</td>
                <td><input v-model="form.buy_name" /></td>
                <td>证件名称：</td>
                <td><input v-model="form.buy_card_name" /></td>
                <td>证件号码：</td>
                <td><input v-model="form.buy_card_number" /></td>
              </tr>
              <tr>
                <td>共有权人：</td>
                <td><input v-model="form.buy_tegther_name" /></td>
                <td>证件名称：</td>
                <td><input v-model="form.buy_tegther_card_name" /></td>
                <td>证件号码：</td>
                <td><input v-model="form.buy_tegther_card_number" /></td>
              </tr>
              <tr>
                <td colspan="6">住址：<input v-model="form.buy_address" /></td>
              </tr>
              <tr>
                <td colspan="6">交易房屋信息：<input v-model="form.trade_building_info" /></td>
              </tr>
              <tr>
                <td colspan="6">交易房屋地址：<input v-model="form.trade_building_address" /></td>
              </tr>
              <tr>
                <td>成交价：<input v-model="form.trade_price" /></td>
                <td colspan="5">人民币（大写）<input v-model="form.trade_price_big" /> 元整</td>
              </tr>
            </tbody>
          </table>
        </div>

        <p>委托人：<input v-model="form.agent_people_name" /></p>
        <div class="fist-party">
          <div class="signature">
            <p>
              <strong>出卖人（签章）：</strong>
            </p>
          </div>

          <div class="line-block">
            <p><strong>出卖人代理人（签章）：</strong></p>
            <input />
            <p></p>
          </div>
        </div>

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="29page" id="page29"></div>

        <center><font size="6">《家庭购房申请表》</font></center>
        <br />
        <br />
        <br />
        <div class="table-appliances">
          <table>
            <tbody>
              <tr>
                <td colspan="2">购房人姓名</td>
                <td colspan="2"><input v-model="form.buy_name" /></td>
                <td colspan="2">身份证号</td>
                <td colspan="2"><input v-model="form.buy_card_number" /></td>
              </tr>
              <tr>
                <td colspan="2">户籍所在省份</td>
                <td colspan="2"><input v-model="form.purchase_apply1" /></td>
                <td colspan="2">婚姻状况</td>
                <td colspan="2"><input v-model="form.purchase_apply2" /></td>
              </tr>
              <tr>
                <td colspan="8">其他家庭成员信息</td>
              </tr>
              <tr>
                <td>成员姓名</td>
                <td><input v-model="form.purchase_apply3" /></td>
                <td>与购房人关系</td>
                <td><input v-model="form.purchase_apply4" /></td>
                <td>户籍所在省份</td>
                <td><input v-model="form.purchase_apply5" /></td>
                <td>身份证号</td>
                <td><input v-model="form.purchase_apply6" /></td>
              </tr>
              <tr>
                <td>成员姓名</td>
                <td><input v-model="form.purchase_apply7" /></td>
                <td>与购房人关系</td>
                <td><input v-model="form.purchase_apply8" /></td>
                <td>户籍所在省份</td>
                <td><input v-model="form.purchase_apply9" /></td>
                <td>身份证号</td>
                <td><input v-model="form.purchase_apply10" /></td>
              </tr>
              <tr>
                <td>成员姓名</td>
                <td><input v-model="form.purchase_apply11" /></td>
                <td>与购房人关系</td>
                <td><input v-model="form.purchase_apply12" /></td>
                <td>户籍所在省份</td>
                <td><input v-model="form.purchase_apply13" /></td>
                <td>身份证号</td>
                <td><input v-model="form.purchase_apply14" /></td>
              </tr>
            </tbody>
          </table>
        </div>
        <br />
        <br />
        <br />
        <br />

        <p>
          <strong
            >非本市户籍居民家庭，请填写至少一名家庭成员的暂住证信息、以及缴纳社会保险或个人所得税完税信息（二选一）：</strong
          >
        </p>
        <br />
        <br />
        <br />
        <br />

        <div class="table-appliances">
          <table>
            <tbody>
              <tr>
                <td>家庭成员暂住证信息</td>
                <td>姓名</td>
                <td><input v-model="form.purchase_apply15" /></td>
                <td>暂住证号码</td>
                <td><input v-model="form.purchase_apply16" /></td>
              </tr>
              <tr>
                <td>已缴纳社会保险符合条件的家庭成员姓名</td>
                <td>姓名</td>
                <td><input v-model="form.purchase_apply17" /></td>
                <td>身份证号</td>
                <td><input v-model="form.purchase_apply18" /></td>
              </tr>
              <tr></tr>
              <tr>
                <td>已缴纳社会保险符合条件的家庭成员姓名</td>
                <td>姓名</td>
                <td><input v-model="form.purchase_apply19" /></td>
                <td>身份证号</td>
                <td><input v-model="form.purchase_apply20" /></td>
              </tr>
            </tbody>
          </table>
        </div>

        <br />
        <br />

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>购房人签字（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>购房人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="30page" id="page30"></div>
        <center><font size="6">购房承诺书</font></center>
        &nbsp;&nbsp;本人已详细阅读并清楚知晓《国务院办公厅关于进一步做好房地产市场调控工作有关问题的通知》（国办发
        〔2011〕1号）、《北京市人民政府办公厅关于贯彻落实国务院办公厅文件精神进一步加强本市房地产市场调控工作的通知》（京政办发[2011]8号）、《关于落实本市住房限购政策有关问题的通知》（京建发[2011]65号）
        中有关住房限购政策的规定。本人承诺遵守限购政策规定，提交的材料均真实、合法、有效，并自愿接受相关部门核查家庭购房资格。
        <br />
        &nbsp;&nbsp;以上承诺如与事实不符，违反限购政策规定导致本人所购住房不能办理网上签约、房屋登记等手续，本人愿意承担由此造成的一切法律责任。
        <br />
        <br />
        <br />

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>

        <div style="page-break-after: always"></div>
        <div class="31page" id="page31"></div>

        <center><font size="6">承诺不自行办理缴税、过户的声明</font></center>
        <br />
        <br />
        <div class="line-block">
          声明人甲方（出卖方）：<u><input v-model="form.sell_name"/></u>
        </div>
        <div class="line-block">
          声明人乙方（买受方）：<u><input v-model="form.buy_name"/></u>
        </div>
        <br />
        <br />
        &nbsp;&nbsp;鉴于甲乙双方在北京链家置地房地产经纪有限公司（以下简称链家地产）居间下就位于
        东城区永定门东街东里2号楼2层2-201
        房屋（以下简称该房屋）签署《存量房买卖合同（经纪成交版）》《居间服务合同》及《补充协议》。甲乙双方向链家地产出具《网签授权委托书》，委托链家地产完成该房屋的网上签约手续的办理；并与北京方源房地产咨询服务有限公司（以下简称方源）签署《房屋交易保障服务合同》，约定由方源协助办理该房屋网签之后的其他交易事宜。现甲乙双方共同声明如下：

        <ol>
          <li>该房屋的缴税、过户手续必须由链家地产及方源协助办理。</li>
          <li>
            如双方要求自行办理缴税、过户手续的，须在链家地产工作人员的陪同、监督下进行。如链家地产工作人员发现双方缴税行为不合法，有权向主管机关举报投诉。
          </li>
          <li>
            如甲乙双方拒绝链家地产工作人员陪同、监督的，须与链家地产、方源分别签署《解约协议》，解除居间合同及保障服务合同，并应当于解约之日起三个工作日内配合链家地产办理网签撤销手续。链家地产已收取的全部费用不予退还。<br />
            <br />
            <br />
          </li>
        </ol>
        <div class="fist-party">
          <div class="signature">
            <p>
              <strong>出卖人（签章）：</strong>
            </p>
          </div>

          <div class="line-block">
            <p><strong>出卖人代理人（签章）：</strong></p>
            <input />
            <p></p>
          </div>
        </div>

        <div class="second-party">
          <div class="signature">
            <p>
              <strong>买受人（签章）：</strong>
            </p>
          </div>

          <br />

          <div class="line-block">
            <p><strong>买受人代理人（签章）：</strong></p>
            <p class="small-line"></p>
            <p></p>
          </div>
        </div>
      </strong>
    </div>
    <div style="position: fixed; bottom: 100px; left: 400px">
      <el-button @click="handleSubmt">提交</el-button>
    </div>
    <!-- <div class="lin-wrap">s
      <tinymce
        :defaultContent="data"
        @change="change"
        upload_url="http://dev.lin.colorful3.com/cms/file/"
      />
    </div> -->
    <!-- <back-top :right="50" :bottom="50" :fontSize="34"></back-top> -->
  </div>
</template>

<script>
import Tinymce from '@/component/base/tinymce'
import { BackTop } from '@/component/layout'
import Contract from '@/model/contract'

export default {
  data() {
    return {
      text: 'this is default content',
      data: '',
      data2: '',
      daili: '测试',
      input: 'cess',
      form: {
        sell_signature: '',
        sell_agent: '',
        buy_signature: '',
        buy_agent: '',
        contract_date: '',
        sell_name: '',
        sell_english_name: '',
        sell_sex: '',
        sell_nation: '',
        sell_birth: '',
        sell_card_name: '',
        sell_card_number: '',
        sell_email: '',
        sell_address: '',
        buy_name: '',
        buy_english_name: '',
        buy_sex: '',
        buy_nation: '',
        buy_birth: '',
        buy_card_name: '',
        buy_card_number: '',
        buy_email: '',
        buy_address: '',
        sell_company: '',
        sell_toghter_name: '',
        sell_toghter_birth: '',
        sell_togther_company: '',
        sell_agent_name: '',
        sell_agent_birth: '',
        buy_company: '',
        buy_toghter_name: '',
        buy_toghter_birth: '',
        buy_togther_company: '',
        buy_agent_name: '',
        buy_agent_birth: '',
        building: '',
        bungalow: '',
        location: '',
        building_total_level: '',
        building_above_ground_level: '',
        building_under_ground_level: '',
        building_level: '',
        building_area: '',
        residence: '',
        apartment: '',
        villa: '',
        office: '',
        business: '',
        Industry: '',
        building_prupose: '',
        building_prupose_content: '',
        building_property_number: '',
        togther_number: '',
        building_property_present_company: '',
        land_property_number: '',
        land_property_present_company: '',
        business_building: '',
        public_building: '',
        economy_building: '',
        relocation_building: '',
        limit_price_building: '',
        building_property_other: '',
        building_property_other_content: '',
        building_not_mortgage: '',
        building_mortgage: '',
        mortgagee_1: '',
        mortgage_1_date: '',
        mortgagee_2: '',
        mortgagee_2_date: '',
        mortgagee_3: '',
        mortgage_3_date: '',
        mortgage_logout: '',
        mortgage_not_logout: '',
        sell_lease: '',
        sell_no_lease: '',
        lease_start_date: '',
        lease_end_date: '',
        rent_mouth: '',
        deposit: '',
        sell_lease_end_date: '',
        buy_lease_end_date: '',
        break_contract_handle1: '',
        break_contract_handle2: '',
        break_contract_handle3: '',
        break_contract_handle4: '',
        sell_economy_contract_company_name: '',
        sell_economy_contract_company_number: '',
        buy_economy_contract_company_name: '',
        buy_economy_contract_company_number: '',
        building_end_price_small: '',
        building_end_price_big: '',
        building_device_price_small: '',
        building_device_price_big: '',
        buy_deposit_small: '',
        buy_deposit_big: '',
        full_pay: '',
        loan_pay: '',
        business_loan_pay: '',
        provident_fund_loan_pay: '',
        business_and_provident_fund_loan: '',
        loan_price_small: '',
        loan_price_big: '',
        no_loan_handle1: '',
        no_loan_handle1_content: '',
        no_loan_handle2: '',
        no_loan_handle3: '',
        no_loan_handle4: '',
        no_loan_handle5: '',
        no_loan_handle6: '',
        no_loan_handle7: '',
        no_loan_handle8: '',
        deliver_day: '',
        deliver_property1: '',
        deliver_property2: '',
        residence_no_signature: '',
        residence_signature: '',
        residence_album: '',
        residence_people: '',
        building_relation_property: '',
        building_relation_property_people: '',
        wather1: '',
        wather2: '',
        wather3: '',
        wather4: '',
        wather_other: '',
        wather_other_content: '',
        electricity: '',
        electricity2: '',
        electricity3: '',
        electricity3_content: '',
        electricity_other: '',
        electricity_other_content: '',
        provide_gas1: '',
        provide_gas2: '',
        provide_gas_other: '',
        provide_gas_other_content: '',
        outside_provide_gas1: '',
        outside_provide_gas2: '',
        outside_provide_gas3: '',
        outside_provide_gas_other: '',
        outside_provide_gas_other_content: '',
        own_provide_gas1: '',
        own_provide_gas2: '',
        own_provide_gas3: '',
        own_provide_gas_other: '',
        own_provide_gas_other_content: '',
        phone1: '',
        phone1_number: '',
        phone2: '',
        phone2_number: '',
        phone3: '',
        phone3_number: '',
        phone_other: '',
        phone_other_content: '',
        net_connect1: '',
        net_connect2: '',
        net_connect3: '',
        net_connect_other: '',
        net_connect_other_content: '',
        toilet_device1: '',
        toilet_device2: '',
        toilet_device3: '',
        toilet_device4: '',
        toilet_device5: '',
        toilet_device6: '',
        toilet_device7: '',
        toilet_device8: '',
        toilet_device_other: '',
        toilet_device_other_content: '',
        kitchen: '',
        kitchen_other: '',
        kitchen_other_content: '',
        device1: '',
        device2: '',
        device3: '',
        device4: '',
        device5: '',
        device6: '',
        device7: '',
        device8: '',
        device9: '',
        device10: '',
        device11: '',
        device12: '',
        device13: '',
        device_other_content: '',
        bed_brand: '',
        bed_count: '',
        sofa_brand: '',
        sofa_count: '',
        closet_brand: '',
        closet_count: '',
        TV_brand: '',
        TV_count: '',
        AC_brand: '',
        AC_count: '',
        AC_device1: '',
        AC_device2: '',
        AC_device2_count: '',
        AC_device3: '',
        AC_device3_count: '',
        AC_device_other: '',
        AC_device_other_content: '',
        fridge_brand: '',
        fridge_count: '',
        wash_machine_brand: '',
        wash_machine_count: '',
        cooker_hood_brand: '',
        cooker_hood_count: '',
        cook_brand: '',
        cook_count: '',
        TV_rope1: '',
        TV_rope2: '',
        TV_rope3: '',
        TV_rope_other: '',
        TV_rope_other_content: '',
        house_electric_device_other_content: '',
        key1: '',
        key2: '',
        key3: '',
        key4: '',
        key5: '',
        key6: '',
        key7: '',
        key_other: '',
        key_other_content: '',
        instruction1: '',
        instruction2: '',
        water_IC: '',
        water_IC_no: '',
        water_IC_count: '',
        electricity_IC: '',
        electricity_IC_no: '',
        electricity_IC_count: '',
        gas_IC: '',
        gas_IC_no: '',
        gas_IC_count: '',
        TV_rope_proof: '',
        phone_price_proof: '',
        ADSL_price_proof: '',
        energy_save: '',
        energy_save_no: '',
        appendix_content: '',
        appendix_move_product: '',
        server_location: '',
        agent_price_small: '',
        agent_price_big: '',
        agent_price_buy_small: '',
        agent_price_buy_big: '',
        deck_device_price_small: '',
        deck_device_price_big: '',
        first_deposit_price_date: '',
        first_deposit_price_small: '',
        first_deposit_price_big: '',
        first_deposit_price_check1: '',
        first_deposit_price_check2: '',
        first_deposit_price_check3: '',
        second_deposit_price_date: '',
        second_deposit_price_small: '',
        second_deposit_price_big: '',
        second_deposit_price_check1: '',
        second_deposit_price_check2: '',
        second_deposit_price_check3: '',
        third_deposit_price_date: '',
        third_deposit_price_small: '',
        third_deposit_price_big: '',
        third_deposit_price_check1: '',
        third_deposit_price_check2: '',
        third_deposit_price_check3: '',
        fourth_deposit_price_date: '',
        fourth_deposit_price_small: '',
        fourth_deposit_price_big: '',
        fourth_deposit_price_check1: '',
        fourth_deposit_price_check2: '',
        fourth_deposit_price_check3: '',
        mortgage_clean_date: '',
        mortgage_end_date: '',
        sell_deposit_clean1: '',
        sell_deposit_clean2: '',
        sell_deposit_clean2_content: '',
        sell_deposit_clean3: '',
        sell_deposit_clean3_content: '',
        sell_deposit_clean4: '',
        sell_deposit_clean4_content1: '',
        sell_deposit_clean4_content2: '',
        buy_payment1: '',
        buy_payment1_small: '',
        buy_payment1_big: '',
        buy_payment1_check1: '',
        buy_payment1_check2: '',
        buy_payment1_check3: '',
        buy_payment1_check4: '',
        buy_payment2: '',
        buy_payment2_small: '',
        buy_payment2_big: '',
        buy_payment2_check1: '',
        buy_payment2_check2: '',
        buy_payment2_check3: '',
        buy_payment2_check4: '',
        buy_payment3: '',
        buy_payment3_small: '',
        buy_payment3_big: '',
        buy_payment3_check1: '',
        buy_payment3_check2: '',
        buy_payment3_check3: '',
        buy_payment3_check4: '',
        buy_payment4: '',
        buy_payment4_small: '',
        buy_payment4_big: '',
        buy_payment4_check1: '',
        buy_payment4_check2: '',
        buy_payment4_check3: '',
        buy_payment4_check4: '',
        buy_payment5: '',
        buy_payment5_small: '',
        buy_payment5_big: '',
        buy_payment5_check1: '',
        buy_payment5_check2: '',
        buy_payment5_check3: '',
        buy_payment5_check4: '',
        taxes_date: '',
        move_property_date: '',
        move_property1: '',
        move_property2: '',
        move_property3_content: '',
        move_property4: '',
        move_property5: '',
        remain_cash_small: '',
        remain_cash_big: '',
        remain_cash_mode1: '',
        remain_cash_mode1_date: '',
        remain_cash_mode2: '',
        remain_cash_mode3: '',
        remain_cash_mode3_content: '',
        property_cash_small: '',
        property_cash_big: '',
        property_cash_check1: '',
        property_cash_check2: '',
        property_cash_check2_content: '',
        property_cash_check3: '',
        tax_commit1: '',
        tax_commit2: '',
        tax_commit3: '',
        tax_commit4: '',
        tax_commit5: '',
        tax_commit6: '',
        tax_commit7: '',
        tax_commit8: '',
        tax_commit9: '',
        tax_commit9_content: '',
        tax_commit10: '',
        tax_commit11: '',
        tax_commit11_content: '',
        replenishment_other1: '',
        replenishment_other2: '',
        replenishment_other3_content: '',
        replenishment_other4_content: '',
        replenishment_other5: '',
        replenishment_other6: '',
        replenishment_other6_content: '',
        trade_building_location: '',
        trade_building_big: '',
        serial_number: '',
        suitable1: '',
        suitable2: '',
        suitable3: '',
        sell_statement1: '',
        sell_statement2: '',
        sell_statement3: '',
        sell_statement4: '',
        sell_statement5: '',
        sell_statement6: '',
        sell_statement7: '',
        sell_statement8: '',
        sell_statement9: '',
        sell_statement10: '',
        sell_statement11: '',
        sell_statement12: '',
        sell_statement13: '',
        sell_statement14: '',
        sell_statement15: '',
        sell_statement16: '',
        sell_statement17: '',
        sell_statement18: '',
        sell_statement19: '',
        sell_tegther_name: '',
        sell_tegther_card_name: '',
        sell_tegther_card_number: '',
        buy_tegther_name: '',
        buy_tegther_card_name: '',
        buy_tegther_card_number: '',
        trade_building_info: '',
        trade_building_address: '',
        trade_price: '',
        trade_price_big: '',
        purchase_apply1: '',
        purchase_apply2: '',
        purchase_apply3: '',
        purchase_apply4: '',
        purchase_apply5: '',
        purchase_apply6: '',
        purchase_apply7: '',
        purchase_apply8: '',
        purchase_apply9: '',
        purchase_apply10: '',
        purchase_apply11: '',
        purchase_apply12: '',
        purchase_apply13: '',
        purchase_apply14: '',
        purchase_apply15: '',
        purchase_apply16: '',
        purchase_apply17: '',
        purchase_apply18: '',
        purchase_apply19: '',
        purchase_apply20: '',
        true_contract_date: '',
        agent_people_name: '',
        property_delivery1: '',
        property_delivery2: '',
        property_delivery3: '',
        property_delivery4: '',
        property_delivery5: '',
        property_delivery6: '',
        property_delivery7: '',
        property_delivery8: '',
        property_delivery9: '',
        property_delivery10: '',
        property_delivery11: '',
        property_delivery12: '',
        property_delivery13: '',
        property_delivery14: '',
        property_delivery15: '',
        property_delivery16: '',
      },
      page: 1,
    }
  },
  components: {
    Tinymce,
    BackTop,
  },
  methods: {
    async handleSubmt() {
      const obj = {
        Opcode: '1113',
        data: { ...this.form },
      }
      const res = await Contract.createContract(obj)
      console.log(res)
    },
    change(val) {
      this.data = val
    },
    backTop() {
      const _this = this
      let timer = requestAnimationFrame(function fn() {
        const currentTop = _this.targetDom.target.scrollTop
        if (currentTop > 0) {
          // 平滑滚动
          const scrollSpeed = currentTop + (0 - currentTop) / 6
          _this.targetDom.target.scrollTop = scrollSpeed
          timer = requestAnimationFrame(fn)
        } else {
          cancelAnimationFrame(timer)
        }
      })
    },
    handleScroll() {
      const { offsetTop } = window.document.querySelector('#page1')
      const offsetTop2 = window.document.querySelector('#page2').offsetTop
      console.log(offsetTop, offsetTop2)
    },
  },
  mounted() {
    window.addEventListener('scroll', this.handleScroll)
    const { offsetTop } = document.querySelector('#page1')
  },
  destroyed() {
    window.removeEventListener('scroll', this.handleScroll)
  },
}
</script>
<style scpoed>
.tableStyle > table {
  margin: auto;
  width: 80%;
  border-collapse: collapse;
}

.tableStyle > table,
th,
td {
  border: 1px solid black;
}

.table-appliances > table {
  margin: auto;
  border-collapse: collapse;
}

.table-appliances > table,
th,
td {
  border: 1px solid black;
}

.serverPhone {
  border: 1px solid black;
}
.signature > img {
  padding: 0;
  margin: 0;
  width: 30px;
  height: 10px;
}

.signature > p {
  padding: 0;
  margin: 0;
}

.tiny-line {
  width: 40px;
  border-bottom: 1px solid black;
}
.small-line {
  width: 100px;
  border-bottom: 1px solid black;
}
.line {
  width: 200px;
  border-bottom: 1px solid black;
}
.line-block > * {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.select-check-box,
.div-margin-left {
  margin-left: 40px;
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
.hljs {
  color: #24292e;
  background: #fff;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color: #d73a49;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color: #6f42c1;
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-variable {
  color: #005cc5;
}
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
  color: #032f62;
}
.hljs-built_in,
.hljs-symbol {
  color: #e36209;
}
.hljs-code,
.hljs-comment,
.hljs-formula {
  color: #6a737d;
}
.hljs-name,
.hljs-quote,
.hljs-selector-pseudo,
.hljs-selector-tag {
  color: #22863a;
}
.hljs-subst {
  color: #24292e;
}
.hljs-section {
  color: #005cc5;
  font-weight: 700;
}
.hljs-bullet {
  color: #735c0f;
}
.hljs-emphasis {
  color: #24292e;
  font-style: italic;
}
.hljs-strong {
  color: #24292e;
  font-weight: 700;
}
.hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}
.hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
} /*# sourceURL=C:\Users\Kevin.Yang\AppData\Roaming\npm\node_modules\md-to-pdf\node_modules\highlight.js\styles\github.css*/
table {
  margin: auto;
  font-size: 15px;
}

input {
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #000000;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-bottom-color: #000000;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
}
</style>
